/* Farbound Collective — generated from tokens.json */
:root {
  --on-image: #f4f1ea;
  --scrim: rgba(7, 8, 7, 0.62);
  --link: var(--ink);
  --font-display: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-sans: Archivo, "Helvetica Neue", Arial, sans-serif;
  --font-serif: Newsreader, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-40: 160px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 16px;
  --radius-glass: 28px;
  --radius-full: 999px;
  --aspect-cinema: 2.39 / 1;
  --aspect-wide: 16 / 9;
  --aspect-card: 4 / 5;
  --glass-blur: 4px;
  --energy-blur: 60px;
  --grain: 0.8;
  --energy: 0.55;
  --depth-sky: 0.05;
  --depth-energy: 0.15;
  --depth-far: 0.25;
  --depth-mid: 0.5;
  --depth-subject: 0.8;
  --depth-text: 0.6;
  --depth-fore: 1.4;
}
:root, [data-theme="night"] {
  --ground: #0d0e0c;
  --ground-raised: #161814;
  --ground-sunk: #070807;
  --line: #2a2d27;
  --line-strong: #6b7066;
  --ink: #eeebe3;
  --ink-muted: #a6a398;
  --blaze: #ff5b1f;
  --on-blaze: #0d0e0c;
  --blaze-soft: #3a1a0c;
  --glacier: #a9c3cc;
  --glacier-soft: #16262c;
  --dune: #d9ad6a;
  --dune-soft: #2f2412;
  --aurora: #5fe0b8;
  --glass-fill: rgba(20, 22, 19, 0.06);
  --glass-fill-strong: rgba(13, 14, 12, 0.5);
  --glass-edge: rgba(255, 255, 255, 0.38);
  --glass-shine: rgba(255, 255, 255, 0.16);
  --focus: var(--blaze);
  --shadow-lift: 0 24px 48px -24px rgba(0, 0, 0, 0.7);
  --shadow-glass: 0 30px 60px -20px rgba(0, 0, 0, 0.55);
}
[data-theme="day"] {
  --ground: #f1eee6;
  --ground-raised: #fbfaf6;
  --ground-sunk: #e6e2d7;
  --line: #d8d2c4;
  --line-strong: #86806f;
  --ink: #121310;
  --ink-muted: #5b5950;
  --blaze: #b03507;
  --on-blaze: #ffffff;
  --blaze-soft: #fbe2d4;
  --glacier: #33525e;
  --glacier-soft: #dbe7ea;
  --dune: #7d5718;
  --dune-soft: #f1e3c8;
  --aurora: #1a6e58;
  --glass-fill: rgba(255, 255, 255, 0.10);
  --glass-fill-strong: rgba(251, 250, 246, 0.6);
  --glass-edge: rgba(255, 255, 255, 0.9);
  --glass-shine: rgba(255, 255, 255, 0.5);
  --focus: var(--blaze);
  --shadow-lift: 0 24px 48px -28px rgba(18, 19, 16, 0.35);
  --shadow-glass: 0 30px 60px -24px rgba(18, 19, 16, 0.25);
}