/* Faunaro — generated from the design system tokens (tokens.json). Field is the default mode. */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-full: 9999px;
  --touch-min: 48px;
  --row-min: 64px;
  --ad-height: 50px;
  --font-display: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-sans: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-menu: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ground: #0e1418;
  --surface: #151d23;
  --surface-raised: #1d272e;
  --line: #33424c;
  --line-strong: #6e838f;
  --ink: #e6ecef;
  --ink-muted: #9badb7;
  --accent: #56c6cf;
  --accent-soft: #16343a;
  --on-accent: #0e1418;
  --pending: #e7b24c;
  --missing: #ff8a78;
  --link: var(--accent);
  --focus-ring: 0 0 0 2px #0e1418, 0 0 0 4px #56c6cf;
  color-scheme: dark;
}
html[data-mode="day"] {
  --ground: #eef2f4;
  --surface: #ffffff;
  --surface-raised: #e3e9ec;
  --line: #c9d3d8;
  --line-strong: #6f7e87;
  --ink: #0f171c;
  --ink-muted: #4a5963;
  --accent: #006d77;
  --accent-soft: #d5eef0;
  --on-accent: #ffffff;
  --pending: #7f5300;
  --missing: #b42318;
  --link: var(--accent);
  --focus-ring: 0 0 0 2px #eef2f4, 0 0 0 4px #006d77;
  color-scheme: light;
}
html[data-mode="night"] {
  --ground: #000000;
  --surface: #0d0000;
  --surface-raised: #1a0202;
  --line: #3a0a05;
  --line-strong: #c42a12;
  --ink: #ff5a45;
  --ink-muted: #e0412e;
  --accent: #ff7a63;
  --accent-soft: #2a0603;
  --on-accent: #000000;
  --pending: #ff9a80;
  --missing: #ff5a45;
  --link: var(--accent);
  --focus-ring: 0 0 0 2px #000000, 0 0 0 4px #ff7a63;
  color-scheme: dark;
}