/* PriorArt: Night Desk v2 tokens (.design/DESIGN.md). The only file that names a colour.
   Order matters and the tests read it: :root is Day Desk (the light twin), then the system dark block, then the
   explicit [data-theme="dark"] block, both Night Desk. theme.js sets data-theme="dark" when nothing is stored, so
   Night Desk is the default for everyone. Mercury gives every colour in both themes. */
:root {
  /* Mercury palette, raw. Referenced only inside this file. */
  --onyx: #171721;
  --graphite: #1e1e2a;
  --obsidian: #272735;
  --slate: #70707d;
  --mist: #e2e3ed;
  --ash: #c3c3cc;
  --ivory: #ededf3;
  --cobalt: #5266eb;
  --white: #ffffff;
  --black: #000000;

  /* Day Desk */
  --bg: var(--ivory);
  --surface: var(--white);
  --surface-2: #f6f6f9;
  --raised: var(--mist);
  --sunk: color-mix(in oklab, var(--mist) 70%, var(--slate));
  --ink: var(--onyx);
  --ink-2: #3c3c49;
  --muted: #5d5d6a;
  --faint: var(--muted);
  --line: color-mix(in oklab, var(--slate) 30%, transparent);
  --line-2: color-mix(in oklab, var(--slate) 55%, transparent);
  --line-3: var(--slate);
  --field-line: var(--slate);

  --accent: var(--cobalt);
  --accent-ink: #3f51d6;
  --accent-ring: #3f51d6;
  --accent-tint: color-mix(in oklab, var(--cobalt) 12%, var(--white));
  --accent-line: color-mix(in oklab, var(--cobalt) 45%, var(--white));
  --on-accent: var(--white);
  --select: var(--mist);
  --select-bar: var(--onyx);

  --high: #9d4616;
  --med: #876114;
  --ok: #33724c;
  --high-ink: var(--high);
  --med-ink: var(--med);
  --ok-ink: var(--ok);
  --high-tint: var(--raised);
  --med-tint: var(--raised);
  --ok-tint: var(--raised);
  --low-tint: var(--raised);
  --high-line: var(--line-2);
  --med-line: var(--line-2);
  --ok-line: var(--line-2);
  --low-line: var(--line-2);
  --on-high: var(--white);
  --med-bar: var(--med);
  --low: var(--ink-2);

  --paper: var(--white);
  --paper-ink: var(--onyx);
  --paper-muted: #5d5d6a;
  --paper-mark: var(--cobalt);
  --paper-line: color-mix(in oklab, var(--slate) 30%, transparent);

  --glass: color-mix(in oklab, var(--white) 64%, transparent);
  --glass-desk: color-mix(in oklab, var(--white) 56%, transparent);
  --glass-bar: color-mix(in oklab, var(--white) 72%, transparent);
  --frost: color-mix(in oklab, var(--white) 88%, transparent);
  --scrim: color-mix(in oklab, var(--onyx) 40%, transparent);
  --edge-hi: color-mix(in srgb, var(--white) 70%, transparent);
  --edge-lo: color-mix(in srgb, var(--slate) 18%, transparent);
  --edge-ring: color-mix(in srgb, var(--black) 7%, transparent);
  --toast-bg: var(--glass-bar);
  --toast-ink: var(--ink);
  --knob: var(--white);
  --grid: var(--line);

  /* type */
  --sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: "Geist", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;

  /* space, size, radii */
  --bar-h: 56px;
  --row: 44px;
  --row-dense: 36px;
  --rail-w: 280px;
  --side-w: 340px;
  --work-max: 860px;
  --pad-work: 20px;
  --hit: 44px;
  --r-mark: 2px;
  --r-s: 4px;
  --r-seg: 8px;
  --r: 10px;
  --r-seg-lg: 18px;
  --r-card: 24px;
  --r-panel: 42px;
  --shadow: none;
  --shadow-pop: none;
  --shadow-glass: inset 0 1px 0 var(--edge-hi), inset 0 -1px 0 var(--edge-lo), inset 0 0 0 1px var(--edge-ring);

  /* motion: CSS fallbacks when the Motion file fails to load */
  --t-fast: 140ms cubic-bezier(.2, .7, .2, 1);
  --t: 200ms cubic-bezier(.2, .7, .2, 1);
  --t-slow: 280ms cubic-bezier(.2, .7, .2, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--onyx); --surface: var(--graphite); --surface-2: color-mix(in oklab, var(--graphite) 55%, var(--onyx));
    --raised: var(--obsidian); --sunk: color-mix(in oklab, var(--onyx) 84%, var(--black));
    --ink: var(--ivory); --ink-2: var(--ash); --muted: color-mix(in oklab, var(--slate) 40%, var(--ash)); --faint: var(--muted);
    --line: color-mix(in oklab, var(--slate) 34%, transparent); --line-2: color-mix(in oklab, var(--slate) 60%, transparent);
    --line-3: var(--slate); --field-line: var(--slate);
    --accent: var(--cobalt); --accent-ink: #8f9cf2; --accent-ring: #7c8cf0;
    --accent-tint: color-mix(in oklab, var(--cobalt) 18%, var(--graphite)); --accent-line: color-mix(in oklab, var(--cobalt) 55%, var(--graphite));
    --on-accent: var(--white); --select: var(--obsidian); --select-bar: var(--ivory);
    --high: #dc9064; --med: #dbb970; --ok: #8ec7a1;
    --high-ink: var(--high); --med-ink: var(--med); --ok-ink: var(--ok);
    --high-tint: var(--raised); --med-tint: var(--raised); --ok-tint: var(--raised); --low-tint: var(--raised);
    --high-line: var(--line-2); --med-line: var(--line-2); --ok-line: var(--line-2); --low-line: var(--line-2);
    --on-high: var(--onyx); --med-bar: var(--med); --low: var(--ash);
    --paper: var(--ivory); --paper-ink: var(--onyx); --paper-muted: #5d5d6a; --paper-mark: var(--cobalt);
    --paper-line: color-mix(in oklab, var(--slate) 30%, transparent);
    --glass: color-mix(in oklab, var(--mist) 9%, transparent); --glass-desk: color-mix(in oklab, var(--mist) 8%, transparent);
    --glass-bar: color-mix(in oklab, var(--graphite) 62%, transparent); --frost: color-mix(in oklab, var(--graphite) 86%, transparent);
    --scrim: color-mix(in oklab, var(--onyx) 72%, transparent);
    --edge-hi: color-mix(in srgb, var(--white) 16%, transparent); --edge-lo: color-mix(in srgb, var(--black) 35%, transparent);
    --edge-ring: color-mix(in srgb, var(--white) 8%, transparent);
    --toast-bg: var(--glass-bar); --toast-ink: var(--ivory); --knob: var(--ivory); --grid: var(--line);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: var(--onyx); --surface: var(--graphite); --surface-2: color-mix(in oklab, var(--graphite) 55%, var(--onyx));
  --raised: var(--obsidian); --sunk: color-mix(in oklab, var(--onyx) 84%, var(--black));
  --ink: var(--ivory); --ink-2: var(--ash); --muted: color-mix(in oklab, var(--slate) 40%, var(--ash)); --faint: var(--muted);
  --line: color-mix(in oklab, var(--slate) 34%, transparent); --line-2: color-mix(in oklab, var(--slate) 60%, transparent);
  --line-3: var(--slate); --field-line: var(--slate);
  --accent: var(--cobalt); --accent-ink: #8f9cf2; --accent-ring: #7c8cf0;
  --accent-tint: color-mix(in oklab, var(--cobalt) 18%, var(--graphite)); --accent-line: color-mix(in oklab, var(--cobalt) 55%, var(--graphite));
  --on-accent: var(--white); --select: var(--obsidian); --select-bar: var(--ivory);
  --high: #dc9064; --med: #dbb970; --ok: #8ec7a1;
  --high-ink: var(--high); --med-ink: var(--med); --ok-ink: var(--ok);
  --high-tint: var(--raised); --med-tint: var(--raised); --ok-tint: var(--raised); --low-tint: var(--raised);
  --high-line: var(--line-2); --med-line: var(--line-2); --ok-line: var(--line-2); --low-line: var(--line-2);
  --on-high: var(--onyx); --med-bar: var(--med); --low: var(--ash);
  --paper: var(--ivory); --paper-ink: var(--onyx); --paper-muted: #5d5d6a; --paper-mark: var(--cobalt);
  --paper-line: color-mix(in oklab, var(--slate) 30%, transparent);
  --glass: color-mix(in oklab, var(--mist) 9%, transparent); --glass-desk: color-mix(in oklab, var(--mist) 8%, transparent);
  --glass-bar: color-mix(in oklab, var(--graphite) 62%, transparent); --frost: color-mix(in oklab, var(--graphite) 86%, transparent);
  --scrim: color-mix(in oklab, var(--onyx) 72%, transparent);
  --edge-hi: color-mix(in srgb, var(--white) 16%, transparent); --edge-lo: color-mix(in srgb, var(--black) 35%, transparent);
  --edge-ring: color-mix(in srgb, var(--white) 8%, transparent);
  --toast-bg: var(--glass-bar); --toast-ink: var(--ivory); --knob: var(--ivory); --grid: var(--line);
  color-scheme: dark;
}