/* Checkout: true-neutral edit-suite surfaces with one royal-blue accent. */

:root {
  --sans: "Archivo", -apple-system, "Helvetica Neue", sans-serif;
  --mono: "Checkout Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --accent: #173fd1;
  --accent-soft: rgba(23, 63, 209, 0.14);
  --accent-text: #173fd1;
  --accent-ink: #ffffff;
  --ok: #3dae6b;
  --danger: #cf3f3f;

  --r-s: 4px;
  --r-m: 8px;
  --r-l: 12px;
  /* review windows (player float, Frame stage): one absolute corner at every
     window size — the user may rescale the window, the corner never rescales.
     Retuning this means redrawing .corner-grip's mask concentrically:
     arc = r + 7, box = max(36, r + 26), arc center inset r + 14 from the
     box's right/bottom edges, 10px tails, 2px cap margin. */
  --r-window: 18px;
  --grip-opacity: 0.29; /* resting corner-grip presence; hover stays 0.9 */

  --tray-w: 336px;
  --gutter-w: 52px;

  --t-fast: 130ms cubic-bezier(0.3, 0.7, 0.4, 1);
}

:root[data-theme="light"] {
  color-scheme: light;
  /* shot palette — clear editorial labels; blue is the unset default */
  --shot-blue: #3478c4;
  --shot-teal: #168b80;
  --shot-green: #2f9552;
  --shot-yellow: #b58a00;
  --shot-orange: #c9671e;
  --shot-red: #c94c4c;
  --shot-purple: #8257c7;
  --shot-pink: #c34e86;
  --bg: #ededed;
  --bg-raise: #f6f6f6;
  --bg-sunk: #e2e2e2;
  --bg-well: #d7d7d7;
  --ink: #1e1e1e;
  --ink-2: #5e5e5e;
  --ink-3: #909090;
  --line: #d1d1d1;
  --line-strong: #acacac;
  --pill: #fbfbfb;
  --pill-line: #c8c8c8;
  --tx-pill: #fbfbfb;
  --shade: rgba(128, 128, 128, 0.5);
  --shadow: 0 1px 2px rgba(30, 30, 30, 0.08), 0 6px 24px rgba(30, 30, 30, 0.09);
  --shadow-pop: 0 2px 6px rgba(30, 30, 30, 0.14), 0 14px 44px rgba(30, 30, 30, 0.18);
  --thumb-bed: #c5c5c5;
  --scrim: rgba(30, 30, 30, 0.32);
  --grain: rgba(30, 30, 30, 0.028);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  /* shot palette — clear editorial labels; blue is the unset default */
  --shot-blue: #4c89ca;
  --shot-teal: #27998b;
  --shot-green: #3f9f5b;
  --shot-yellow: #b89326;
  --shot-orange: #cc6f29;
  --shot-red: #c65454;
  --shot-purple: #9169d1;
  --shot-pink: #c55a91;
  --bg: #171717;
  --bg-raise: #1c1c1c;
  --bg-sunk: #141414;
  --bg-well: #121212;
  --ink: #e6e6e6;
  --ink-2: #9e9e9e;
  --ink-3: #686868;
  --line: #292929;
  --line-strong: #404040;
  --pill: #212121;
  --pill-line: #323232;
  --tx-pill: #191919;
  --shade: rgba(0, 0, 0, 0.64);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 28px rgba(0, 0, 0, 0.45);
  --shadow-pop: 0 2px 8px rgba(0, 0, 0, 0.5), 0 18px 60px rgba(0, 0, 0, 0.6);
  --thumb-bed: #0b0b0b;
  --scrim: rgba(0, 0, 0, 0.55);
  --grain: rgba(230, 230, 230, 0.02);
  --accent: #3659ee;
  --accent-soft: rgba(54, 89, 238, 0.20);
  --accent-text: #738dff;
  --grip-opacity: 0.19; /* quieter against the darkroom bed */
}