/* Atlas design tokens: colour roles, type scale, spacing, radius, elevation. */
:root {
  /* Brand */
  --c-brand: #00467D;          /* VAN DYK navy */
  --c-brand-700: #003A68;
  --c-brand-600: #1F64A8;      /* interactive + data (4.5:1 on white) */
  --c-brand-100: #DCE9F6;
  --c-brand-50: #EEF4FA;
  --c-accent: #EF6531;         /* VAN DYK orange: small accents only, never body text */

  /* Ink (text) — all >= 4.5:1 on --c-surface */
  --c-ink: #14202B;
  --c-ink-2: #3A4754;
  --c-muted: #5B6773;
  --c-faint: #8C96A0;          /* non-text only (icons, rules) */

  /* Surfaces & lines */
  --c-bg: #EEF1F4;
  --c-surface: #FFFFFF;
  --c-surface-2: #F6F8FA;
  --c-surface-3: #EDF1F5;
  --c-line: #E1E6EB;
  --c-line-2: #C9D1D9;

  /* Data */
  --c-data: #1F64A8;

  /* Status (text / background pairs, each text >= 4.5:1 on its background) */
  --c-good: #1B6E33;  --c-good-bg: #E6F3EA;
  --c-info: #1B5A96;  --c-info-bg: #E8F1FA;
  --c-warn: #8A4F00;  --c-warn-bg: #FCF0DC;
  --c-danger: #A8261B; --c-danger-bg: #FCE9E7;

  --c-focus: #1F64A8;

  /* Type scale: 11 / 12 / 13 / 14 / 16 / 20 / 24 */
  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-24: 24px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;

  /* Spacing: 4 / 8 / 12 / 16 / 24 / 32 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px;

  /* Radius: 6 / 10 / 14 */
  --r-1: 6px; --r-2: 10px; --r-3: 14px;

  /* Elevation */
  --sh-1: 0 1px 2px rgba(16, 32, 48, .06), 0 1px 1px rgba(16, 32, 48, .04);
  --sh-2: 0 4px 16px rgba(16, 32, 48, .12);
  --sh-3: 0 12px 40px rgba(16, 32, 48, .20);

  --topbar-h: 52px;
  --dock-w: 440px;
  --ease: cubic-bezier(.22, 1, .36, 1);
}
