/**
 * @precise/ui — the shared Precise visual contract.
 *
 * Root PRODUCT.md and DESIGN.md are authoritative. The sanctioned
 * docs/precise-site-v2 sub-brand keeps its own local trading-desk tokens and
 * does not import this file.
 */
:root {
  color-scheme: light;

  /* Canonical Warm Instrument palette. */
  --ledger-ink: #0b1220;
  --panel-night: #111a2b;
  --panel-night-recessed: #0e1626;
  --ink-night: #f2f5f9;
  --body-night: #c9d2df;
  --muted-night: #8d99ab;
  --hairline-night: #223047;
  --teal-night: #2dd4bf;
  --amber-night: #f5b04c;
  --red-night: #f08a8a;

  --cool-paper: #f4f6f3;
  --panel-day: #ffffff;
  --panel-day-recessed: #eceff0;
  --ink-day: #131c21;
  --body-day: #33424a;
  --muted-day: #55666e;
  --hairline-day: #d5dcd9;
  --teal-day: #0e7a6e;
  --amber-day: #a16308;
  --red-day: #9c2f2f;

  /* Active semantic tokens. */
  --canvas: var(--cool-paper);
  --paper: var(--panel-day);
  --recessed: var(--panel-day-recessed);
  --ink: var(--ink-day);
  --ink-2: var(--body-day);
  --ink-3: var(--muted-day);
  --line: var(--hairline-day);
  --line-soft: color-mix(in srgb, var(--hairline-day) 58%, transparent);
  --teal: var(--teal-day);
  --teal-soft: color-mix(in srgb, var(--teal-day) 9%, transparent);
  --amber: var(--amber-day);
  --amber-soft: color-mix(in srgb, var(--amber-day) 9%, transparent);
  --red: var(--red-day);
  --red-soft: color-mix(in srgb, var(--red-day) 8%, transparent);
  --focus: var(--teal);

  /* Compatibility aliases used by existing token-first components. */
  --paper-blue: var(--recessed);
  --night: var(--ledger-ink);
  --night-2: var(--panel-night);
  --night-3: var(--panel-night-recessed);
  --line-dark: var(--hairline-night);
  --white: var(--panel-day);
  --green: var(--teal);
  --green-dark: var(--teal);
  --green-soft: var(--teal-soft);
  --orange: var(--amber);
  --orange-dark: var(--amber);
  --orange-soft: var(--amber-soft);
  --danger: var(--red);
  --danger-soft: var(--red-soft);

  --serif: "Iowan Old Style", Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --ease: cubic-bezier(0.2, 0.75, 0.25, 1);
  --radius-document: 4px;
  --radius-control: 10px;
  --radius-panel: 12px;
  --radius-chip: 999px;
}

:root[data-theme="dark"],
html[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;
  --canvas: var(--ledger-ink);
  --paper: var(--panel-night);
  --recessed: var(--panel-night-recessed);
  --ink: var(--ink-night);
  --ink-2: var(--body-night);
  --ink-3: var(--muted-night);
  --line: var(--hairline-night);
  --line-soft: color-mix(in srgb, var(--hairline-night) 64%, transparent);
  --teal: var(--teal-night);
  --teal-soft: color-mix(in srgb, var(--teal-night) 10%, transparent);
  --amber: var(--amber-night);
  --amber-soft: color-mix(in srgb, var(--amber-night) 10%, transparent);
  --red: var(--red-night);
  --red-soft: color-mix(in srgb, var(--red-night) 10%, transparent);
}