/* ── tokens.css — single source of truth for design tokens ─────────────────
   Canonical palette (mirrors app/styles.css :root). Every page should link
   this file BEFORE its own stylesheet. Page stylesheets must not redefine
   these names with hardcoded values — alias legacy names to these instead
   (e.g. --brand: var(--accent);). */
:root {
  --bg: #e8f0f9;
  --surface: #ffffff;
  --text: #1a2535;
  --muted: #5a6d84;
  --line: #c4d2e4;
  --accent: #1e6fa8;
  --accent-soft: #ddeefa;
  --warn: #b83232;
  --ok: #16846e;
  --radius: 10px;

  /* Warning amber (leave page warnings) */
  --amber: #9a6a21;

  /* Navy family (topbar / table headers) */
  --navy: #1e3a5f;
  --navy-dark: #121c2e;

  /* Radius scale */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* Semantic tints (calm, consistent with the blue/green palette) */
  --tint-weekend: #e8f2fa;          /* cool steel-blue for weekend columns/rows */
  --tint-weekend-text: #1a3a5a;
  --tint-holiday: #f1f0e4;          /* muted olive for holiday rows */
  --tint-holiday-text: #3f4b1f;
  --tint-school-break: #fff4e8;     /* muted peach for school-break rows */
  --tint-school-break-accent: #e59e4a;

  /* AI palette (steel-blue, matches the app accent family) */
  --ai-gradient: linear-gradient(135deg, #2b7cb6 0%, #1e6fa8 50%, #1e4a7a 100%);
  --ai-soft: #e8f2fa;
  --ai-soft-2: #f0f7ff;
  --ai-border: rgba(30,111,168,0.35);
  --ai-shadow: rgba(12,29,48,0.22);

  /* Danger accents (unifies the two reds; --danger matches --warn) */
  --danger: #b83232;
  --danger-light: #c94444;          /* for dark backgrounds */
}