/* Oeste — Huntington theme. Single token source of truth.
   data-theme scopes to ANY element, not just <html>: a rose
   card on an ink page (or vice versa) gets that mood's tokens.
   Values here MUST match src/tokens.json and DESIGN_TOKENS in src/index.js.
   Default mood is Paper. Five moods: Paper, Ink, Rose, Sage, Dune.
   Muted text does NOT meet WCAG AA 4.5:1 on paper in every mood — see
   Accessibility for measured ratios. Never use color alone to convey state. */

:root, [data-theme='paper'] {
  color-scheme: light;
  --color-paper: #f6f4f1;
  --color-card: #fffdf9;
  --color-ink: #1c1917;
  --color-body: rgba(28,25,23,0.86);
  --color-muted: #756e6a;
  --color-line: rgba(28,25,23,0.1);
  --color-bg: #f6f4f1;
  --color-surface: #fffdf9;
  --color-text: #1c1917;
  --color-border: rgba(28,25,23,0.1);
  --color-live: #d24247;
  --color-pulse: #1a73e8;
  --color-statusActive: #34d399;
  --color-statusIdle: #60a5fa;
  --color-statusOffline: #fbbf24;
  --color-amountUp: #1f7e5c;
  --color-amountDown: #b25151;
  --color-orbDefault: #ff6b1a;
  --color-orbBlue: #7aa2d9;
  --color-orbRose: #d9b5a3;
  --color-orbGreen: #9dc08b;
  --color-white: #ffffff;
  --color-logoCardDark: #141210;
  --color-lightbox-bg: rgba(8,8,8,0.95);
  --color-menuscrim: rgba(0,0,0,0.18);
  --photo-default-0: #0e0f10;
  --photo-default-1: #1d1e20;
  --photo-default-2: #2b1f11;
  --photo-blue-0: #101418;
  --photo-blue-1: #1a2230;
  --photo-blue-2: #24344d;
  --photo-rose-0: #140f0e;
  --photo-rose-1: #241a17;
  --photo-rose-2: #3d2a22;
  --photo-green-0: #0e120e;
  --photo-green-1: #1a241a;
  --photo-green-2: #2a3d2a;
  --shadow-menupill: 0 8px 24px rgba(0,0,0,0.14);
  --shadow-menusheet: 0 -18px 50px rgba(0,0,0,0.16);
  --shadow-card: none;
  --code-keyword: #8a5420;
  --code-string: #4a6741;
  --code-number: #8f3b1e;
  --code-comment: #78716c;
  --code-key: #1c1917;
  --code-punct: #78716c;
}

[data-theme='ink'] {
  color-scheme: dark;
  --color-paper: #151412;
  --color-card: #1e1d1b;
  --color-ink: #f0ede8;
  --color-body: rgba(240,237,232,0.86);
  --color-muted: #a09a93;
  --color-line: rgba(240,237,232,0.14);
  --color-bg: #151412;
  --color-surface: #1e1d1b;
  --color-text: #f0ede8;
  --color-border: rgba(240,237,232,0.14);
  --color-live: #d24247;
  --color-pulse: #1a73e8;
  --color-statusActive: #34d399;
  --color-statusIdle: #60a5fa;
  --color-statusOffline: #fbbf24;
  --color-amountUp: #34d399;
  --color-amountDown: #f87171;
  --color-orbDefault: #ff6b1a;
  --color-orbBlue: #7aa2d9;
  --color-orbRose: #d9b5a3;
  --color-orbGreen: #9dc08b;
  --color-white: #ffffff;
  --color-logoCardDark: #141210;
  --color-lightbox-bg: rgba(8,8,8,0.95);
  --color-menuscrim: rgba(0,0,0,0.18);
  --photo-default-0: #0e0f10;
  --photo-default-1: #1d1e20;
  --photo-default-2: #2b1f11;
  --photo-blue-0: #101418;
  --photo-blue-1: #1a2230;
  --photo-blue-2: #24344d;
  --photo-rose-0: #140f0e;
  --photo-rose-1: #241a17;
  --photo-rose-2: #3d2a22;
  --photo-green-0: #0e120e;
  --photo-green-1: #1a241a;
  --photo-green-2: #2a3d2a;
  --shadow-menupill: 0 8px 24px rgba(0,0,0,0.14);
  --shadow-menusheet: 0 -18px 50px rgba(0,0,0,0.16);
  --shadow-card: none;
  --code-keyword: #e0a35e;
  --code-string: #9dc08b;
  --code-number: #e0a08a;
  --code-comment: #a09a93;
  --code-key: #f0ede8;
  --code-punct: #a09a93;
}

:root[data-theme='rose'], [data-theme='rose'] {
  color-scheme: light;
  --color-paper: #f8efeb;
  --color-card: #fffbf9;
  --color-ink: #2a211d;
  --color-body: rgba(42,33,29,0.86);
  --color-muted: #7a6a62;
  --color-line: rgba(42,33,29,0.1);
  --color-bg: #f8efeb;
  --color-surface: #fffbf9;
  --color-text: #2a211d;
  --color-border: rgba(42,33,29,0.1);
  --color-live: #d24247;
  --color-pulse: #1a73e8;
  --color-statusActive: #34d399;
  --color-statusIdle: #60a5fa;
  --color-statusOffline: #fbbf24;
  --color-amountUp: #1e7b5a;
  --color-amountDown: #ae5050;
  --color-orbDefault: #ff6b1a;
  --color-orbBlue: #7aa2d9;
  --color-orbRose: #d9b5a3;
  --color-orbGreen: #9dc08b;
  --color-white: #ffffff;
  --color-logoCardDark: #141210;
  --color-lightbox-bg: rgba(8,8,8,0.95);
  --color-menuscrim: rgba(0,0,0,0.18);
  --photo-default-0: #0e0f10;
  --photo-default-1: #1d1e20;
  --photo-default-2: #2b1f11;
  --photo-blue-0: #101418;
  --photo-blue-1: #1a2230;
  --photo-blue-2: #24344d;
  --photo-rose-0: #140f0e;
  --photo-rose-1: #241a17;
  --photo-rose-2: #3d2a22;
  --photo-green-0: #0e120e;
  --photo-green-1: #1a241a;
  --photo-green-2: #2a3d2a;
  --shadow-menupill: 0 8px 24px rgba(0,0,0,0.14);
  --shadow-menusheet: 0 -18px 50px rgba(0,0,0,0.16);
  --shadow-card: none;
  --code-keyword: #8a5420;
  --code-string: #4a6741;
  --code-number: #8f3b1e;
  --code-comment: #78716c;
  --code-key: #1c1917;
  --code-punct: #78716c;
}

:root[data-theme='sage'], [data-theme='sage'] {
  color-scheme: light;
  --color-paper: #edf0ea;
  --color-card: #fbfdfa;
  --color-ink: #1d211c;
  --color-body: rgba(29,33,28,0.86);
  --color-muted: #676e67;
  --color-line: rgba(29,33,28,0.1);
  --color-bg: #edf0ea;
  --color-surface: #fbfdfa;
  --color-text: #1d211c;
  --color-border: rgba(29,33,28,0.1);
  --color-live: #d24247;
  --color-pulse: #1a73e8;
  --color-statusActive: #34d399;
  --color-statusIdle: #60a5fa;
  --color-statusOffline: #fbbf24;
  --color-amountUp: #1e7a59;
  --color-amountDown: #ad4f4f;
  --color-orbDefault: #ff6b1a;
  --color-orbBlue: #7aa2d9;
  --color-orbRose: #d9b5a3;
  --color-orbGreen: #9dc08b;
  --color-white: #ffffff;
  --color-logoCardDark: #141210;
  --color-lightbox-bg: rgba(8,8,8,0.95);
  --color-menuscrim: rgba(0,0,0,0.18);
  --photo-default-0: #0e0f10;
  --photo-default-1: #1d1e20;
  --photo-default-2: #2b1f11;
  --photo-blue-0: #101418;
  --photo-blue-1: #1a2230;
  --photo-blue-2: #24344d;
  --photo-rose-0: #140f0e;
  --photo-rose-1: #241a17;
  --photo-rose-2: #3d2a22;
  --photo-green-0: #0e120e;
  --photo-green-1: #1a241a;
  --photo-green-2: #2a3d2a;
  --shadow-menupill: 0 8px 24px rgba(0,0,0,0.14);
  --shadow-menusheet: 0 -18px 50px rgba(0,0,0,0.16);
  --shadow-card: none;
  --code-keyword: #8a5420;
  --code-string: #4a6741;
  --code-number: #8f3b1e;
  --code-comment: #78716c;
  --code-key: #1c1917;
  --code-punct: #78716c;
}

:root[data-theme='dune'], [data-theme='dune'] {
  color-scheme: light;
  --color-paper: #f3e9d7;
  --color-card: #faf3e4;
  --color-ink: #2b2114;
  --color-body: rgba(43,33,20,0.86);
  --color-muted: #76674b;
  --color-line: rgba(43,33,20,0.12);
  --color-bg: #f3e9d7;
  --color-surface: #faf3e4;
  --color-text: #2b2114;
  --color-border: rgba(43,33,20,0.12);
  --color-live: #d24247;
  --color-pulse: #1a73e8;
  --color-statusActive: #34d399;
  --color-statusIdle: #60a5fa;
  --color-statusOffline: #fbbf24;
  --color-amountUp: #1d7757;
  --color-amountDown: #a84d4d;
  --color-orbDefault: #ff6b1a;
  --color-orbBlue: #7aa2d9;
  --color-orbRose: #d9b5a3;
  --color-orbGreen: #9dc08b;
  --color-white: #ffffff;
  --color-logoCardDark: #141210;
  --color-lightbox-bg: rgba(8,8,8,0.95);
  --color-menuscrim: rgba(0,0,0,0.18);
  --photo-default-0: #0e0f10;
  --photo-default-1: #1d1e20;
  --photo-default-2: #2b1f11;
  --photo-blue-0: #101418;
  --photo-blue-1: #1a2230;
  --photo-blue-2: #24344d;
  --photo-rose-0: #140f0e;
  --photo-rose-1: #241a17;
  --photo-rose-2: #3d2a22;
  --photo-green-0: #0e120e;
  --photo-green-1: #1a241a;
  --photo-green-2: #2a3d2a;
  --shadow-menupill: 0 8px 24px rgba(0,0,0,0.14);
  --shadow-menusheet: 0 -18px 50px rgba(0,0,0,0.16);
  --shadow-card: none;
  --code-keyword: #8a5420;
  --code-string: #5a6b4a;
  --code-number: #8f3b1e;
  --code-comment: #7a6a4d;
  --code-key: #1c1917;
  --code-punct: #7a6a4d;
}

:root {
  --font-body: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: var(--font-body);
  --font-mono: 'JetBrains Mono', Consolas, monospace;
  --type-h1-size: 31px;
  --type-h1-weight: 700;
  --type-h1-leading: 1.22;
  --type-h1-tracking: -0.03em;
  --type-lede-size: 26px;
  --type-lede-weight: 500;
  --type-lede-leading: 1.28;
  --type-lede-tracking: -0.025em;
  --type-ledeWide-size: 34px;
  --type-ledeWide-weight: 500;
  --type-ledeWide-leading: 1.28;
  --type-ledeWide-tracking: -0.025em;
  --type-ptitle-size: 26px;
  --type-ptitle-weight: 600;
  --type-ptitle-leading: 1.28;
  --type-ptitle-tracking: -0.025em;
  --type-body-size: 16px;
  --type-body-weight: 400;
  --type-body-leading: 1.65;
  --type-body-tracking: 0em;
  --type-hsub-size: 16px;
  --type-hsub-weight: 400;
  --type-hsub-leading: 1.65;
  --type-hsub-tracking: 0em;
  --type-secTitle-size: 17px;
  --type-secTitle-weight: 700;
  --type-secTitle-leading: 1.0;
  --type-secTitle-tracking: -0.01em;
  --type-secTitleNote-size: 13px;
  --type-secTitleNote-weight: 500;
  --type-secTitleNote-leading: 1.0;
  --type-secTitleNote-tracking: 0em;
  --type-irowTitle-size: 16px;
  --type-irowTitle-weight: 600;
  --type-irowTitle-leading: 1.0;
  --type-irowTitle-tracking: -0.015em;
  --type-irowDesc-size: 15px;
  --type-irowDesc-weight: 400;
  --type-irowDesc-leading: 1.5;
  --type-irowDesc-tracking: 0em;
  --type-irowMeta-size: 13px;
  --type-irowMeta-weight: 400;
  --type-irowMeta-leading: 1.0;
  --type-irowMeta-tracking: 0em;
  --type-statusValue-size: 15.5px;
  --type-statusValue-weight: 800;
  --type-statusValue-leading: 1.0;
  --type-statusValue-tracking: -0.01em;
  --type-statusValuePlain-size: 15.5px;
  --type-statusValuePlain-weight: 400;
  --type-statusValuePlain-leading: 1.0;
  --type-statusValuePlain-tracking: -0.01em;
  --type-wordmark-size: 17px;
  --type-wordmark-weight: 800;
  --type-wordmark-leading: 1.0;
  --type-wordmark-tracking: -0.02em;
  --type-plabel-size: 12px;
  --type-plabel-weight: 500;
  --type-plabel-leading: 1.0;
  --type-plabel-tracking: 0.06em;
  --type-tag-size: 11px;
  --type-tag-weight: 600;
  --type-tag-leading: 1.0;
  --type-tag-tracking: 0.08em;
  --type-menuSheetRowTitle-size: 17px;
  --type-menuSheetRowTitle-weight: 700;
  --type-menuSheetRowTitle-leading: 1.0;
  --type-menuSheetRowTitle-tracking: -0.015em;
  --type-footer-size: 13px;
  --type-footer-weight: 400;
  --type-footer-leading: 1.7;
  --type-footer-tracking: 0em;
  --type-backLink-size: 13px;
  --type-backLink-weight: 400;
  --type-backLink-leading: 1.0;
  --type-backLink-tracking: 0em;
  --type-meta-size: 13px;
  --type-meta-weight: 400;
  --type-meta-leading: 1.0;
  --type-meta-tracking: 0em;
  --radius-card: 14px;
  --radius-logocard: 18px;
  --radius-carouselImage: 14px;
  --radius-gridArt: 10px;
  --radius-progressbar: 2px;
  --radius-menusheetTop: 22px;
  --radius-pill: 999px;
  --radius-photo: 14px;
  --radius-tile: 14px;
  --space-s0: 0px;
  --space-s2: 2px;
  --space-s3: 3px;
  --space-s4: 4px;
  --space-s6: 6px;
  --space-s7: 7px;
  --space-s8: 8px;
  --space-s9: 9px;
  --space-s10: 10px;
  --space-s12: 12px;
  --space-s14: 14px;
  --space-s16: 16px;
  --space-s18: 18px;
  --space-s20: 20px;
  --space-s22: 22px;
  --space-s28: 28px;
  --space-s40: 40px;
  --space-s44: 44px;
  --space-s64: 64px;
  --space-s80: 80px;
  --layout-max-width: 672px;
  --layout-page-padding-bottom: 64px;
  --layout-section-padding-top: 44px;
  --layout-side-padding: 20px;
  --touch-min: 44px;
  --container-narrow: 672px;
  --container-wide: 1160px;
}

@media (min-width: 700px) {
  :root { --layout-side-padding: 0px; }
}

* { box-sizing: border-box; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}