/* Hallmark · route: custom (bespoke) · design-system: ../design.md · designed-as-app
 * idea: Reference adoption: PreKOSPI chart-first surface with Kospy decision priority.
 * palette: light / Korean grotesk / blue; no decorative enrichment.
 */
:root {
 --color-paper:oklch(97% .005 265);--color-surface:oklch(100% 0 0);--color-paper-2:oklch(95% .007 265);--color-paper-3:oklch(92% .009 265);
 --color-ink:oklch(24% .012 260);--color-ink-2:oklch(39% .018 260);--color-muted:oklch(47% .022 260);--color-rule:oklch(80% .014 260);--color-rule-soft:oklch(89% .009 260);
 --color-accent:oklch(50% .19 262);--color-accent-ink:oklch(100% 0 0);--color-focus:oklch(50% .19 262);--color-positive:oklch(50% .20 27);--color-negative:oklch(44% .18 256);
 --color-warning:oklch(43% .085 70);--color-warning-paper:oklch(97% .025 85);--color-warning-rule:oklch(79% .065 80);--color-chart-line:oklch(86% .1 130);--color-chart-wash:oklch(86% .1 130 / .2);--color-clear:oklch(98% .007 105 / 0);--color-shadow:oklch(24% .014 150 / .08);
 --font-display:Pretendard,sans-serif;--font-body:Pretendard,sans-serif;--font-outlier:ui-monospace,monospace;
 --font:var(--font-body);--sans:var(--font-body);--mono:var(--font-outlier);
 --bg:var(--color-paper);--paper:var(--color-paper);--surface:var(--color-surface);--text:var(--color-ink);--ink:var(--color-ink);--muted:var(--color-muted);--dim:var(--color-muted);--line:var(--color-rule-soft);--border:var(--color-rule);--accent:var(--color-accent);--lime:var(--color-paper-3);--ask:var(--color-negative);--bid:var(--color-positive);--amber:var(--color-warning);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
 --text-xs:12px;--text-sm:14px;--text-body:16px;--text-title:20px;--text-heading:28px;--text-number:32px;
 --radius-small:4px;--radius-input:6px;--radius-panel:8px;--rule-width:1px;
 --ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-in-out:cubic-bezier(.65,0,.35,1);--dur-short:120ms;
 --space-7:28px;--space-9:36px;--space-22:88px;--space-24:96px;--space-36:144px;--space-38:152px;--space-46:184px;--space-48:192px;
}

/* Staged three-task typography: semantic aliases preserve the approved scale family. */
:root{--text-subtitle:18px;--text-lead:19px;--text-section:23px;--text-page:30px;--text-page-mobile:25px;--text-section-mobile:21px;--text-quote-mobile:26px;--text-quote-compact:24px}

/* Meaningful color: direction, research track and confirmed target are separate roles. */
:root{
 --color-positive-paper:oklch(97% .016 27);--color-negative-paper:oklch(97% .014 260);
 --color-track-a:oklch(43% .09 180);--color-track-a-paper:oklch(97% .016 180);
 --color-track-b:oklch(46% .15 300);--color-track-b-paper:oklch(97% .015 300);
 --color-reached:oklch(43% .115 150);--color-reached-paper:oklch(97% .018 150);
 --color-price-line:oklch(42% .03 260);
}