/* Moka Solutions design tokens, shared by the landing page (home.css) and the legal pages (style.css).
 * Black and white, zero-chroma neutrals; Geist + Geist Mono, self-hosted (SIL OFL, see fonts/). */
@font-face {
  font-family: "Geist";
  src: url("/assets/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/assets/fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --bg: oklch(100% 0 0);
  --surface: oklch(98.5% 0 0);
  --ink: oklch(14.5% 0 0);
  --ink-soft: oklch(43.5% 0 0);
  --ink-faint: oklch(64.5% 0 0);
  --line: oklch(94.1% 0 0);
  --line-strong: oklch(87.2% 0 0);
  --hover: oklch(96.2% 0 0);

  --sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 7rem;
  --space-4xl: 11rem;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;
  --dur-draw: 1400ms;

  --measure: 44rem;
  --page: 78rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: oklch(14.5% 0 0);
    --surface: oklch(17.8% 0 0);
    --ink: oklch(97% 0 0);
    --ink-soft: oklch(76.5% 0 0);
    --ink-faint: oklch(55.6% 0 0);
    --line: oklch(23.5% 0 0);
    --line-strong: oklch(32.1% 0 0);
    --hover: oklch(20.5% 0 0);
  }
}
