/* GENERATED by design/build-tokens.mjs from design/tokens.mjs. Do not edit by hand. */

:root {
  color-scheme: light dark;
  --shade: -1;
  --bg: oklch(95.6% 0.006 95);
  --surface: oklch(100% 0 none);
  --ink: oklch(24% 0.01 255);
  --muted: oklch(47% 0.012 255);
  --accent: oklch(43% 0.06 162);
  --danger: oklch(43% 0.13 28);
  --on-accent: oklch(100% 0 none);

  --line: color-mix(in oklch, var(--muted) 55%, var(--surface));
  --accent-hover: oklch(from var(--accent) calc(l + var(--shade) * 0.05) c h);
  --focus: oklch(from var(--accent) l c h / 0.45);

  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-memorial: Georgia, "Times New Roman", serif;
  --text-caption: 0.9375rem;
  --text-body: 1.125rem;
  --text-card: 1.25rem;
  --text-section: 1.5rem;
  --text-page: 2rem;
  --weight-regular: 400;
  --weight-strong: 600;
  --leading: 1.5;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius: 4px;
  --control: 44px;
  --content: 1180px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --shade: 1;
    --bg: oklch(21% 0.008 255);
    --surface: oklch(25% 0.008 255);
    --ink: oklch(93% 0.006 95);
    --muted: oklch(72% 0.01 255);
    --accent: oklch(72% 0.08 162);
    --danger: oklch(72% 0.13 28);
    --on-accent: oklch(18% 0.02 162);
  }
}

/* Browsers without relative colors: a custom property with an unsupported function does not
   fall back to an earlier declaration, it breaks at use. So every color is restated as hex. */
@supports not (color: oklch(from red l c h)) {
  :root {
    --bg: #F2F0EC;
    --surface: #FFFFFF;
    --ink: #1C2024;
    --muted: #565B62;
    --accent: #2F5A46;
    --danger: #892A24;
    --on-accent: #FFFFFF;
    --line: #9EA1A5;
    --accent-hover: #204C38;
    --focus: #2F5A4673;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #16191C;
      --surface: #1F2225;
      --ink: #E9E8E3;
      --muted: #A0A5AB;
      --accent: #75B595;
      --danger: #EB8376;
      --on-accent: #09140F;
      --line: #62666B;
      --accent-hover: #85C5A5;
      --focus: #75B59573;
    }
  }
}