:root{
  --font-display:'Fraunces',Georgia,serif; --font-body:'Manrope',-apple-system,'Segoe UI',sans-serif; --font-mono:'JetBrains Mono',monospace;
  --text-xs:.72rem; --text-sm:.84rem; --text-base:.98rem; --text-lg:1.1rem; --text-xl:1.3rem; --text-2xl:1.6rem; --text-3xl:2.15rem; --text-4xl:3rem; --text-5xl:4.2rem;

  --bg-canvas:#14120e; --bg-surface:#1c1a15; --bg-surface-elevated:#26221b; --bg-surface-hover:#322d22; --bg-surface-active:#3e382b;
  --text-primary:#f2ecda; --text-secondary:#d8d0b6; --text-muted:#b3a988; --text-inverse:#14120e; --text-on-solid:#14100a;
  --border-subtle:rgba(242,236,218,.14); --border-medium:rgba(242,236,218,.26); --border-strong:rgba(242,236,218,.44);

  --color-forest:#5f8067; --color-forest-rgb:95,128,103; --color-forest-dark:#33503b; --color-forest-light:#a9c6ac;
  --color-forest-tint:rgba(95,128,103,.14); --color-forest-border:rgba(95,128,103,.42);
  --color-wheat:#dfa93b; --color-wheat-rgb:223,169,59; --color-wheat-hover:#efbe5c; --color-wheat-dark:#9a701f;
  --color-wheat-tint:rgba(223,169,59,.13); --color-wheat-border:rgba(223,169,59,.44); --color-wheat-contrast:#171006;
  --color-ember:#c96f2b; --color-ember-rgb:201,111,43;
  --brand:var(--color-forest); --brand-strong:var(--color-forest-dark); --accent:var(--color-wheat);
  --grad-primary:var(--color-forest); --grad-btn:var(--color-wheat); --grad-soft:none; --grad-card-top:none; --grad-hero-title:none;

  --grade-shadow:rgba(8,14,10,.72); --grade-mid:rgba(20,41,31,.34); --grade-highlight:rgba(224,168,60,.16);
  --status-healthy:#8fce9e; --status-healthy-bg:rgba(143,206,158,.12); --status-healthy-border:rgba(143,206,158,.34);
  --status-warning:#e0a83c; --status-warning-bg:rgba(224,168,60,.12); --status-warning-border:rgba(224,168,60,.36);
  --status-danger:#d0805f; --status-danger-rgb:208,128,95; --status-danger-bg:rgba(208,128,95,.12); --status-danger-border:rgba(208,128,95,.36);
  --status-info:#8fce9e; --status-info-bg:rgba(143,206,158,.12); --status-info-border:rgba(143,206,158,.32);
  --space-3xs:2px; --space-2xs:4px; --space-xs:8px; --space-sm:12px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px; --space-3xl:64px; --space-4xl:110px;
  --radius-sm:3px; --radius-md:5px; --radius-lg:8px; --radius-xl:10px; --radius-full:9999px;
  --shadow-sm:0 1px 0 rgba(0,0,0,.5); --shadow-md:0 14px 36px rgba(0,0,0,.45); --shadow-lg:0 28px 70px rgba(0,0,0,.55); --shadow-popover:0 34px 90px rgba(0,0,0,.6);
  --glow-green:none; --glow-gold:none;
  --transition-fast:160ms ease; --transition-normal:260ms ease;
  --header-height:64px; --container-max-width:1180px;
  --color-primary:var(--color-forest); --color-primary-rgb:var(--color-forest-rgb); --color-primary-dark:var(--color-forest-dark);
  --color-primary-light:var(--color-forest-light); --color-primary-tint:var(--color-forest-tint); --color-primary-border:var(--color-forest-border); --color-primary-glo:transparent;
  --color-accent:var(--color-wheat); --color-accent-rgb:var(--color-wheat-rgb); --color-accent-hover:var(--color-wheat-hover);
  --color-accent-dark:var(--color-wheat-dark); --color-accent-tint:var(--color-wheat-tint); --color-accent-border:var(--color-wheat-border);
  --color-sky:var(--status-info); --color-danger:var(--status-danger); --color-warning:var(--status-warning);
  --bg-deep:var(--bg-canvas); --bg-card:var(--bg-surface); --bg-card-hov:var(--bg-surface-elevated); --bg-card-active:var(--bg-surface-active);
  --border-card:var(--border-subtle); --border-card-hov:var(--border-medium);
  --font-h:var(--font-display); --font-b:var(--font-body); --r-sm:var(--radius-sm); --r-md:var(--radius-md); --r-lg:var(--radius-lg); --r-full:var(--radius-full); --shadow-glo:none;
}
[data-theme="light"]{

  --bg-canvas:#0d1310; --bg-surface:#141c16; --bg-surface-elevated:#1d2721; --bg-surface-hover:#27352c; --bg-surface-active:#33443a;
  --text-primary:#f3edd8; --text-secondary:#d8d0b6; --text-muted:#b3a988; --text-inverse:#0d1310; --text-on-solid:#14100a;
  --border-subtle:rgba(243,237,216,.14); --border-medium:rgba(243,237,216,.26); --border-strong:rgba(243,237,216,.44);
  --color-forest:#5f8067; --color-forest-rgb:95,128,103; --color-forest-dark:#33503b; --color-forest-light:#a9c6ac;
  --color-forest-tint:rgba(95,128,103,.14); --color-forest-border:rgba(95,128,103,.42);
  --color-wheat:#dfa93b; --color-wheat-rgb:223,169,59; --color-wheat-hover:#efbe5c; --color-wheat-dark:#9a701f;
  --color-wheat-tint:rgba(223,169,59,.13); --color-wheat-border:rgba(223,169,59,.44); --color-wheat-contrast:#171006;
  --grad-btn:var(--color-wheat);
  --grade-shadow:rgba(8,14,10,.72); --grade-mid:rgba(20,41,31,.34); --grade-highlight:rgba(224,168,60,.16);
  --shadow-sm:0 1px 0 rgba(0,0,0,.5); --shadow-md:0 14px 36px rgba(0,0,0,.45); --shadow-lg:0 28px 70px rgba(0,0,0,.55); --shadow-popover:0 34px 90px rgba(0,0,0,.6);
}