/* Hallmark · genre: editorial · macrostructure: Ledger + Narrative Workflow · design-system: ../design.md · designed-as-app
 * theme: custom (vibe: "night trading desk, private bank statement") · paper oklch(14.6% 0.006 69) · accent oklch(77.1% 0.104 84) gold
 * display: Cormorant Garamond 600 · body: Instrument Sans · axes: dark / high-contrast-serif / warm
 */
:root {
  --color-paper: oklch(14.6% 0.006 69);
  --color-paper-2: oklch(18.0% 0.009 75);
  --color-paper-3: oklch(21.2% 0.011 73);
  --color-rule: oklch(28.1% 0.017 75);
  --color-rule-gold: oklch(42.0% 0.053 81);
  --color-field: oklch(54.6% 0.093 81);
  --color-ink: oklch(93.9% 0.022 83);
  --color-ink-2: oklch(75.5% 0.031 83);
  --color-ink-3: oklch(62.0% 0.031 85);
  --color-accent: oklch(77.1% 0.104 84);
  --color-accent-hi: oklch(85.4% 0.094 86);
  --color-accent-ink: oklch(77.1% 0.104 84);
  --color-accent-edge: transparent;
  --color-on-accent: oklch(14.6% 0.006 69);
  --color-mark: oklch(48.7% 0.184 22);
  --color-warn: oklch(65.0% 0.174 16);
  --color-focus: oklch(85.4% 0.094 86);
  --color-bar: oklch(54.6% 0.093 81);
  --color-bar-cur: oklch(77.1% 0.104 84);
  --color-scrim: oklch(8% 0.006 70 / 0.72);
  --color-chart-2: oklch(62.0% 0.031 85);
  --color-veil: oklch(17% 0.009 75);
  --color-glow-gold: oklch(77% 0.104 84 / 0.22);
  --color-glow-rose: oklch(48.7% 0.184 22 / 0.28);
  --color-logo-bg: oklch(98.5% 0.006 85);

  /* Night chrome stays dark in both themes: the logo may only sit on dark. */
  --chrome-paper: oklch(14.6% 0.006 69);
  --chrome-paper-2: oklch(19.4% 0.012 76);
  --chrome-rule: oklch(28.1% 0.017 75);
  --chrome-edge: oklch(54.6% 0.093 81);
  --chrome-ink: oklch(93.9% 0.022 83);
  --chrome-ink-2: oklch(75.5% 0.031 83);
  --chrome-ink-3: oklch(62.0% 0.031 85);
  --chrome-accent: oklch(85.4% 0.094 86);
  --chrome-gold: oklch(77.1% 0.104 84);

  --proto-paper: oklch(24.5% 0.032 80);
  --proto-ink: oklch(93.9% 0.022 83);
  --proto-accent: oklch(85.4% 0.094 86);
  --proto-edge: oklch(54.6% 0.093 81);

  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-xs: 12.5px; --text-sm: 13px; --text-md: 15px; --text-lg: 17px;
  --text-xl: clamp(20px, 2.2vw, 24px);
  --text-display: clamp(30px, 4.4vw, 44px);
  --text-figure: clamp(44px, 7vw, 64px);
  --text-figure-s: clamp(30px, 4vw, 40px);

  --space-3xs: 4px; --space-2xs: 8px; --space-xs: 12px; --space-sm: 16px; --space-md: 24px;
  --space-lg: 32px; --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow-card: 0 1px 0 oklch(100% 0 0 / 0.05) inset, 0 12px 32px oklch(0% 0 0 / 0.38);
  --shadow-lift: 0 1px 0 oklch(100% 0 0 / 0.07) inset, 0 18px 40px oklch(0% 0 0 / 0.48);
  --tap: 44px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 160ms;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --color-paper: oklch(95.4% 0.013 82); --color-paper-2: oklch(99.2% 0.009 85); --color-paper-3: oklch(93.3% 0.019 83);
    --color-rule: oklch(87.0% 0.025 81); --color-rule-gold: oklch(75.0% 0.050 83); --color-field: oklch(64.3% 0.066 84);
    --color-ink: oklch(20.4% 0.014 72); --color-ink-2: oklch(39.9% 0.024 77); --color-ink-3: oklch(51.2% 0.026 78);
    --color-accent-ink: oklch(49.6% 0.095 80); --color-accent-edge: oklch(63.0% 0.110 84);
    --color-warn: oklch(48.7% 0.163 18); --color-focus: oklch(49.6% 0.095 80);
    --color-bar: oklch(64.3% 0.066 84); --color-bar-cur: oklch(49.6% 0.095 80);
    --shadow-card: 0 1px 2px oklch(30% 0.03 80 / 0.08), 0 10px 28px oklch(30% 0.03 80 / 0.1);
    --shadow-lift: 0 2px 4px oklch(30% 0.03 80 / 0.1), 0 16px 36px oklch(30% 0.03 80 / 0.16);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --color-paper: oklch(95.4% 0.013 82); --color-paper-2: oklch(99.2% 0.009 85); --color-paper-3: oklch(93.3% 0.019 83);
  --color-rule: oklch(87.0% 0.025 81); --color-rule-gold: oklch(75.0% 0.050 83); --color-field: oklch(64.3% 0.066 84);
  --color-ink: oklch(20.4% 0.014 72); --color-ink-2: oklch(39.9% 0.024 77); --color-ink-3: oklch(51.2% 0.026 78);
  --color-accent-ink: oklch(49.6% 0.095 80); --color-accent-edge: oklch(63.0% 0.110 84);
  --color-warn: oklch(48.7% 0.163 18); --color-focus: oklch(49.6% 0.095 80);
  --color-bar: oklch(64.3% 0.066 84); --color-bar-cur: oklch(49.6% 0.095 80);
  --shadow-card: 0 1px 2px oklch(30% 0.03 80 / 0.08), 0 10px 28px oklch(30% 0.03 80 / 0.1);
  --shadow-lift: 0 2px 4px oklch(30% 0.03 80 / 0.1), 0 16px 36px oklch(30% 0.03 80 / 0.16);
  color-scheme: light;
}