/* Brand tokens: black, white, orange and dark blue.
   Swap the hex values below and every screen updates. Nothing else hard-codes a colour. */
:root {
  --brand: #0b1f4d;          /* dark blue: primary buttons, active tab, links */
  --brand-strong: #061335;   /* hover / pressed */
  --brand-soft: #e7ecf6;     /* tinted backgrounds */
  --accent: #ff6a00;         /* orange: Run all, highlights, "auto" badges */
  --ink: #0a0a0a;            /* black: main text */
  --muted: #555b66;          /* secondary text */
  --bg: #ffffff;
  --surface: #f5f6f8;
  --border: #e2e4e9;
  --success: #12935a;
  --success-soft: #e3f6ec;
  --warn: #b55a00;
  --warn-soft: #fff1e3;
  --danger: #cf3434;
  --danger-soft: #fde8e8;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 6px 24px rgba(10, 10, 10, 0.12);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand: #4f7fd9;
    --brand-strong: #7aa0e8;
    --brand-soft: #14213d;
    --accent: #ff7a1a;
    --ink: #f5f5f5;
    --muted: #a3a8b3;
    --bg: #0a0a0a;
    --surface: #141518;
    --border: #2a2c33;
    --success: #3fca88;
    --success-soft: #133325;
    --warn: #ffa04d;
    --warn-soft: #3a2410;
    --danger: #ff6b6b;
    --danger-soft: #3d1717;
    --shadow: 0 6px 24px rgba(0, 0, 0, 0.6);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --brand: #4f7fd9;
  --brand-strong: #7aa0e8;
  --brand-soft: #14213d;
  --accent: #ff7a1a;
  --ink: #f5f5f5;
  --muted: #a3a8b3;
  --bg: #0a0a0a;
  --surface: #141518;
  --border: #2a2c33;
  --success: #3fca88;
  --success-soft: #133325;
  --warn: #ffa04d;
  --warn-soft: #3a2410;
  --danger: #ff6b6b;
  --danger-soft: #3d1717;
  --shadow: 0 6px 24px rgba(0, 0, 0, 0.6);
  color-scheme: dark;
}