/* Generated from tokens/. */
:root {
  --font-display: 'Glob2 Sans', 'DejaVu Sans', Verdana, sans-serif;
  --font-body: 'Nunito Variable', Nunito, ui-rounded, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --text-xs: 0.78rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --leading: 1.55;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --content: 1160px;
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;
  --target: 44px;
  --dur: 160ms;
  --ease: cubic-bezier(0.3, 0.7, 0.3, 1.2);
  --text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-2xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.1rem);
  --text-3xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --gutter: clamp(16px, 4vw, 32px);
  --r-blob: 58% 42% 52% 48% / 48% 56% 44% 52%;
}
:root, :root[data-theme='light'] {
  color-scheme: light;
  --bg: #f1f1e1;
  --surface: #fbfbf3;
  --surface-2: #eaedda;
  --surface-3: #dfe5cd;
  --ink: #1d4530;
  --ink-2: #4b604c;
  --ink-3: #87977f;
  --line: #ccd5bf;
  --line-strong: #74866a;
  --accent: #e3c077;
  --accent-hover: #ecce8f;
  --accent-edge: #c69e4c;
  --accent-ink: #142a1f;
  --gold-ink: #835607;
  --focus: #9a5a0c;
  --danger: #a3362c;
  --danger-bg: #fbe9e5;
  --danger-line: #e3aaa1;
  --success: #2b7236;
  --success-bg: #e5f1e1;
  --success-line: #9cc7a0;
  --warn: #87500a;
  --warn-bg: #fbf0d9;
  --warn-line: #e0b878;
  --grass: #2f6526;
  --grass-deep: #224b1c;
  --on-grass: #f9e8bb;
  --on-grass-2: #e3e9cf;
  --grid: #e1e6d5;
  --rank-1: #e3c077;
  --rank-2: #c9d1c4;
  --rank-3: #dfb08a;
  --shadow-sm: 0px 1px 0px 0px rgba(29, 69, 48, 0.08), 0px 2px 6px -2px rgba(29, 69, 48, 0.18);
  --shadow-md: 0px 1px 0px 0px rgba(29, 69, 48, 0.08), 0px 10px 28px -10px rgba(29, 69, 48, 0.35);
  --shadow-lg: 0px 2px 0px 0px rgba(15, 39, 25, 0.12), 0px 22px 50px -18px rgba(15, 39, 25, 0.55);
  --chart-bg: #fbfbf3;
  --chart-1: #835607;
  --chart-4: #9a5a0c;
  --chart-2: #2b7236;
  --chart-3: #a3362c;
  --chart-5: #87500a;
  --chart-6: #4b604c;
  --scrim: rgba(17, 35, 32, 0.55);
  --hero-fade: linear-gradient(
    100deg,
    rgba(241, 241, 225, 0.92) 0%,
    rgba(241, 241, 225, 0.55) 38%,
    rgba(241, 241, 225, 0) 62%
  );
  --hero-tint: rgba(0, 0, 0, 0);
}
@media (prefers-color-scheme: dark) {
 :root:not([data-theme='light']) {
  color-scheme: dark;
  --bg: #1b1229;
  --surface: #2b1c42;
  --surface-2: #34234f;
  --surface-3: #412b5c;
  --ink: #f9e8bb;
  --ink-2: #cfc1a0;
  --ink-3: #8f7fa6;
  --line: #4f3c6b;
  --line-strong: #8a6db3;
  --accent: #e3c077;
  --accent-hover: #ecd08f;
  --accent-edge: #c7a557;
  --accent-ink: #1e1228;
  --gold-ink: #f0cf7c;
  --focus: #ffd678;
  --danger: #ff9488;
  --danger-bg: #4a1f2e;
  --danger-line: #8c4250;
  --success: #93dd9b;
  --success-bg: #1f3a2b;
  --success-line: #3f7a52;
  --warn: #f6c46e;
  --warn-bg: #45301a;
  --warn-line: #8a6430;
  --grass: #183018;
  --grass-deep: #102210;
  --on-grass: #f9e8bb;
  --on-grass-2: #d9cfae;
  --grid: #3c2b56;
  --rank-1: #e3c077;
  --rank-2: #b9b0c9;
  --rank-3: #d29a6d;
  --shadow-sm: 0px 1px 0px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px -2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0px 1px 0px 0px rgba(0, 0, 0, 0.3), 0px 10px 28px -10px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0px 2px 0px 0px rgba(0, 0, 0, 0.3), 0px 22px 50px -18px rgba(0, 0, 0, 0.85);
  --chart-bg: #2b1c42;
  --chart-1: #f0cf7c;
  --chart-4: #ffd678;
  --chart-2: #93dd9b;
  --chart-3: #ff9488;
  --chart-5: #f6c46e;
  --chart-6: #cfc1a0;
  --scrim: rgba(10, 6, 20, 0.6);
  --hero-fade: linear-gradient(
    100deg,
    rgba(27, 18, 41, 0.94) 0%,
    rgba(27, 18, 41, 0.6) 40%,
    rgba(27, 18, 41, 0.05) 66%
  );
  --hero-tint: rgba(40, 22, 80, 0.5);
 }
}
:root[data-theme='dark'] {
 color-scheme: dark;
  --bg: #1b1229;
  --surface: #2b1c42;
  --surface-2: #34234f;
  --surface-3: #412b5c;
  --ink: #f9e8bb;
  --ink-2: #cfc1a0;
  --ink-3: #8f7fa6;
  --line: #4f3c6b;
  --line-strong: #8a6db3;
  --accent: #e3c077;
  --accent-hover: #ecd08f;
  --accent-edge: #c7a557;
  --accent-ink: #1e1228;
  --gold-ink: #f0cf7c;
  --focus: #ffd678;
  --danger: #ff9488;
  --danger-bg: #4a1f2e;
  --danger-line: #8c4250;
  --success: #93dd9b;
  --success-bg: #1f3a2b;
  --success-line: #3f7a52;
  --warn: #f6c46e;
  --warn-bg: #45301a;
  --warn-line: #8a6430;
  --grass: #183018;
  --grass-deep: #102210;
  --on-grass: #f9e8bb;
  --on-grass-2: #d9cfae;
  --grid: #3c2b56;
  --rank-1: #e3c077;
  --rank-2: #b9b0c9;
  --rank-3: #d29a6d;
  --shadow-sm: 0px 1px 0px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px -2px rgba(0, 0, 0, 0.5);
  --shadow-md: 0px 1px 0px 0px rgba(0, 0, 0, 0.3), 0px 10px 28px -10px rgba(0, 0, 0, 0.7);
  --shadow-lg: 0px 2px 0px 0px rgba(0, 0, 0, 0.3), 0px 22px 50px -18px rgba(0, 0, 0, 0.85);
  --chart-bg: #2b1c42;
  --chart-1: #f0cf7c;
  --chart-4: #ffd678;
  --chart-2: #93dd9b;
  --chart-3: #ff9488;
  --chart-5: #f6c46e;
  --chart-6: #cfc1a0;
  --scrim: rgba(10, 6, 20, 0.6);
  --hero-fade: linear-gradient(
    100deg,
    rgba(27, 18, 41, 0.94) 0%,
    rgba(27, 18, 41, 0.6) 40%,
    rgba(27, 18, 41, 0.05) 66%
  );
  --hero-tint: rgba(40, 22, 80, 0.5);
}