/* Console A's tokens, over shared/base.css: fonts, colors, shadows. The landing page
   (site/) loads this same file, so the two always look alike. Amber is the one loud color
   and always means "needs you"; blue means an agent is working. */
:root {
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --bg: #f5f6f8; --panel: #ffffff; --sunk: #eff1f4; --hover: #f3f4f6;
  --ink: #0f1217; --ink-2: #3b424d; --ink-3: #535b67; --ink-4: #676e79;
  --line: #e6e8ec; --line-2: #d3d7dd;
  --accent: #2f5bea; --accent-hover: #2149cc; --accent-tint: #ebf0fe; --accent-ink: #2149cc;
  --wait: #b54708; --wait-fill: #f08c00; --wait-tint: #fff4e5; --wait-line: #fbd59f;
  --work: #2f5bea; --work-tint: #ebf0fe;
  --ok: #0f7b4f; --ok-tint: #e3f5ec; --danger: #c0362c; --danger-tint: #fdecea;
  --sleep: #98a0aa;
  --shadow: 0 1px 2px rgba(15, 18, 23, .05), 0 2px 8px rgba(15, 18, 23, .05);
  --shadow-lg: 0 12px 40px rgba(15, 18, 23, .16);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1013; --panel: #15181c; --sunk: #1c2026; --hover: #1a1d22; --ink: #eef0f3; --ink-2: #c4c9d1; --ink-3: #959ca7; --ink-4: #858c97;
    --line: #252a31; --line-2: #333942; --accent: #6d8fff; --accent-hover: #8aa6ff; --accent-tint: #1a2444; --accent-ink: #a9bdff;
    --wait: #ffb15c; --wait-fill: #f59f2a; --wait-tint: #33220f; --wait-line: #5a3c17; --work: #7c9bff; --work-tint: #1a2444;
    --ok: #5fd0a0; --ok-tint: #112d24; --danger: #ff8a80; --danger-tint: #3a1715; --sleep: #6c737e;
  }
}
/* The same dark colors when a page sets dark by hand (the landing's theme switch). */
:root[data-theme="dark"] {
  --bg: #0e1013; --panel: #15181c; --sunk: #1c2026; --hover: #1a1d22; --ink: #eef0f3; --ink-2: #c4c9d1; --ink-3: #959ca7; --ink-4: #858c97;
  --line: #252a31; --line-2: #333942; --accent: #6d8fff; --accent-hover: #8aa6ff; --accent-tint: #1a2444; --accent-ink: #a9bdff;
  --wait: #ffb15c; --wait-fill: #f59f2a; --wait-tint: #33220f; --wait-line: #5a3c17; --work: #7c9bff; --work-tint: #1a2444;
  --ok: #5fd0a0; --ok-tint: #112d24; --danger: #ff8a80; --danger-tint: #3a1715; --sleep: #6c737e;
}
