/*
 * Design tokens.
 *
 * The palette starts from Drupal's own blue and pushes the ground into a deep
 * blue-slate rather than black, so the accent belongs to the subject instead of
 * being borrowed from a generic dark theme. Severity colours are the only warm
 * hues on the page; they are reserved for cache verdicts and nothing else.
 */

:root {
  color-scheme: dark;

  --ground: #0d1420;
  --surface: #131c2b;
  --surface-2: #18222f;
  --surface-3: #1e2b3d;
  --line: #24334a;
  --line-strong: #33455f;
  --ink: #e7eefb;
  --ink-dim: #b9c8de;
  --muted: #8698b3;

  --accent: #4fb0ee;
  --accent-ink: #06263c;
  --accent-soft: rgba(79, 176, 238, 0.14);

  --ok: #45c08d;
  --ok-soft: rgba(69, 192, 141, 0.14);
  --warn: #e8b14a;
  --warn-soft: rgba(232, 177, 74, 0.14);
  --danger: #f2694f;
  --danger-soft: rgba(242, 105, 79, 0.16);
  --star: #f0c250;

  --radius: 4px;
  --radius-lg: 8px;

  --step--1: 0.82rem;
  --step-0: 1rem;
  --step-1: 1.2rem;
  --step-2: 1.5rem;
  --step-3: 1.9rem;
  --step-4: 2.6rem;

  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;

  --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;
  --sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;

  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 10px 30px -20px rgba(0, 0, 0, 0.9);
}

:root[data-theme="light"] {
  color-scheme: light;

  --ground: #f2f6fc;
  --surface: #ffffff;
  --surface-2: #eef3fa;
  --surface-3: #e4ecf7;
  --line: #d7e1f0;
  --line-strong: #b9c8de;
  --ink: #0d1726;
  --ink-dim: #2b3b52;
  --muted: #5c6d88;

  --accent: #0678be;
  --accent-ink: #ffffff;
  --accent-soft: rgba(6, 120, 190, 0.1);

  --ok: #0f7a56;
  --ok-soft: rgba(15, 122, 86, 0.12);
  --warn: #96620a;
  --warn-soft: rgba(150, 98, 10, 0.12);
  --danger: #c03d1f;
  --danger-soft: rgba(192, 61, 31, 0.12);
  --star: #b07d09;

  --shadow: 0 1px 2px rgba(13, 23, 38, 0.06), 0 12px 28px -24px rgba(13, 23, 38, 0.5);
}