:root {
  color-scheme: light;
  --surface: #ffffff;
  --surface-muted: #f5f5f5;
  --surface-raised: #ffffff;
  --surface-ink: #111111;
  --border: #e5e5e5;
  --ink: #111111;
  --ink-body: #6b6b6b;
  --ink-inverted: #f5f5f5;
  --accent: #111111;
  --accent-ink: #ffffff;
  --accent-soft: #f0f0f0;
  --radius-card: 0px;
  --radius-control: 0px;
  --radius-pill: 0px;
  --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
}

* {
  border-color: var(--border);
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

body {
  background: var(--surface);
  color: var(--ink);
  font-family: "Albert Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Exo", sans-serif;
}

.font-display {
  font-family: "Exo", sans-serif;
}

.scrollbar-none {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

body[data-drawer-open="true"] .whatsapp-fab {
  opacity: 0;
  pointer-events: none;
}

.ease-out-strong {
  transition-timing-function: var(--ease-out-strong);
}

.reveal {
  opacity: 0;
  transform: translateY(var(--reveal-y, 28px));
  transition:
    opacity var(--reveal-duration, 0.55s) var(--ease-out-strong) var(--reveal-delay, 0s),
    transform var(--reveal-duration, 0.55s) var(--ease-out-strong) var(--reveal-delay, 0s);
  will-change: opacity, transform;
}

.reveal.is-in {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}