/*
 * split.truckerclock / Split Sleeper Berth Planner theme tokens.
 * OKLCH is the source of truth (LVL color.md). This is the ONE tokens file for
 * the site; the golden template and the tool UI consume these values unchanged.
 *
 * Theme: "highway dusk / chrome" - a deep dusk-indigo cab-at-night canvas with
 * chrome-steel surfaces and an amber highway-light accent. High contrast for
 * readability in a moving cab; large tap targets (mobile-first EXTRA, R1e).
 */
:root {
  color-scheme: dark;

  --color-bg: oklch(0.19 0.035 268);
  --color-surface: oklch(0.24 0.03 265);
  --color-text: oklch(0.93 0.012 260);
  --color-heading: oklch(0.97 0.01 255);
  --color-muted: oklch(0.74 0.02 260);
  --color-border: oklch(0.4 0.02 262);
  --color-border-strong: oklch(0.62 0.03 255);
  --color-link: oklch(0.8 0.11 75);
  --color-link-hover: oklch(0.88 0.12 80);

  /* Amber highway-light accent + chrome */
  --color-accent: oklch(0.78 0.13 72);
  --color-accent-hover: oklch(0.7 0.13 68);
  --color-on-accent: oklch(0.2 0.03 265);
  --color-chrome: oklch(0.82 0.012 250);

  --color-error: oklch(0.62 0.19 25);
  --color-focus: oklch(0.82 0.12 80);

  /* Status colours for clocks + warnings */
  --color-ok: oklch(0.72 0.15 150);
  --color-warn: oklch(0.72 0.16 70);
  --color-critical: oklch(0.63 0.2 25);

  /* Advisory notice surface (amber-tinted on the dark canvas) */
  --color-advisory-bg: oklch(0.28 0.05 75);

  /* Timeline row colours (duty-status grid) */
  --status-off: oklch(0.6 0.03 260);
  --status-sb: oklch(0.66 0.13 285);
  --status-driving: oklch(0.72 0.15 150);
  --status-on: oklch(0.78 0.13 72);

  /* Typography */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-heading: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica,
    Arial, sans-serif;
  --font-size-base: 1.0625rem;
  --font-size-h1: 2rem;
  --font-size-h2: 1.4rem;

  /* Layout */
  --content-width: 48rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --radius: 0.7rem;

  /* Minimum tap target (mobile-first EXTRA - used in cabs) */
  --tap-min: 48px;
}