/* ATRT TMS design tokens — the ONLY place colours, spacing, type and radii are defined.
   Legacy variable names (--accent, --navy, --bg, --card, --border, --text, --text2, --text3, --green, --amber, --red, --blue, --r)
   are kept as aliases so the 80+ existing pages pick the new values up without edits. */
:root {
  /* brand */
  --navy-950: #081a30; --navy-900: #0C2340; --navy-800: #14325a; --navy-700: #1e4377;
  --orange-700: #9a3412; --orange-600: #b53a0a; --orange-500: #c2410c; --orange-400: #ea580c; --orange-100: #fff7ed;   /* orange-500 is the button/primary-action colour: white text on it is 5.2:1 (the old #E85D04 was 3.5:1). The bright brand orange lives only in the logo (--brand-orange). */
  --brand-orange: #E85D04;
  /* neutrals */
  --gray-50: #f8fafc; --gray-100: #f1f5f9; --gray-200: #e2e8f0; --gray-300: #cbd5e1; --gray-400: #94a3b8;
  --gray-500: #64748b; --gray-600: #475569; --gray-700: #334155; --gray-800: #1e293b; --gray-900: #0f172a;
  /* status */
  --green-600: #15803d; --green-100: #dcfce7; --amber-600: #b45309; --amber-100: #fef3c7;
  --red-600: #b91c1c;   --red-100: #fee2e2;   --blue-600: #1d4ed8;  --blue-100: #dbeafe;  --purple-600: #7e22ce; --purple-100: #f3e8ff;
  /* semantic */
  --c-bg: #f1f4f8; --c-surface: #ffffff; --c-surface-2: var(--gray-50); --c-border: var(--gray-200); --c-border-strong: var(--gray-300);
  --c-text: var(--gray-800); --c-text-2: var(--gray-600); --c-text-3: #5b6678;   /* all body/muted text is >= 4.5:1 on white AND on the page grey; there is no lighter text colour */
  --c-primary: var(--orange-500); --c-primary-hover: var(--orange-600); --c-primary-soft: var(--orange-100); --c-on-primary: #ffffff;
  --c-focus: rgba(194, 65, 12, .35);
  /* spacing (4px scale) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;
  /* shape */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(15, 23, 42, .06); --shadow-2: 0 4px 14px rgba(15, 23, 42, .10); --shadow-3: 0 18px 48px rgba(15, 23, 42, .22);
  /* type */
  --font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --fs-xs: 11px; --fs-sm: 12px; --fs-md: 13px; --fs-lg: 15px; --fs-xl: 18px; --fs-2xl: 24px;
  /* layering */
  --z-nav: 50; --z-modal: 1000; --z-toast: 1100;

  /* legacy aliases (do not use in new code) */
  --accent: var(--orange-500); --accent-h: var(--orange-600); --accent-dim: rgba(194, 65, 12, .10);
  --navy: var(--navy-900); --bg: var(--c-bg); --card: var(--c-surface); --card2: var(--c-surface-2);
  --bg2: var(--c-surface); --bg3: var(--gray-100); --card3: var(--gray-100);   /* aliases for pages that still name a second/third surface: all light */
  --border: var(--c-border); --border2: var(--c-border-strong); --text: var(--c-text); --text2: var(--c-text-2); --text3: var(--c-text-3);
  --green: #116a32; --green-dim: rgba(17, 106, 50, .10); --amber: #b45309; --amber-dim: rgba(180, 83, 9, .10);
  --red: #b91c1c; --red-dim: rgba(185, 28, 28, .10); --blue: var(--blue-600); --blue-dim: rgba(29, 78, 216, .08); --r: var(--r-lg);
}