/* Aegis design tokens v1.0 (2026-08-30). Generated by design-exploration/brand/build_brand_guide.py. */
:root {
  --navy-950: #060F22;
  --navy-900: #0B1A38;
  --navy-800: #10254F;
  --navy-700: #163370;
  --navy-600: #1D4291;
  --navy-500: #2C5BB8;
  --navy-400: #5B84D6;
  --navy-300: #9AB4E6;
  --navy-200: #C9D8F3;
  --navy-100: #E6EEFA;
  --navy-50: #F2F6FC;
  --white: #FFFFFF;
  --grey-50: #F7F8FA;
  --grey-100: #EEF1F5;
  --grey-200: #E3E7EE;
  --grey-300: #CBD2DD;
  --grey-400: #9AA6B8;
  --grey-500: #62718A;
  --grey-600: #4F5D75;
  --grey-700: #3D4A5F;
  --green-700: #1E7B4F;
  --green-100: #E6F4EC;
  --green-400: #4CC38A;
  --amber-700: #8F5B0C;
  --amber-100: #FBF1DC;
  --amber-400: #E5B453;
  --red-700: #B83232;
  --red-800: #8E2424;
  --red-100: #FBE7E7;
  --red-400: #F07171;
  --blue-500: #2C5BB8;
  --blue-100: #E6EEFA;
  --blue-300: #7FA3E8;
  --font-sans: Geist, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 36px;
  --text-5xl: 48px;
  --text-6xl: 60px;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.55;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 64px;
  --content-max: 1440px;
  --control-h: 36px;
  --control-h-sm: 30px;
  --control-h-lg: 44px;
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 260ms;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in-out: cubic-bezier(.4,0,.2,1);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --bg-canvas: var(--white);
  --bg-surface: var(--white);
  --bg-subtle: var(--grey-50);
  --bg-hover: var(--grey-50);
  --bg-selected: var(--navy-50);
  --bg-inverse: var(--navy-900);
  --border: var(--grey-200);
  --border-strong: var(--grey-300);
  --border-inverse: rgba(255,255,255,.12);
  --text: var(--navy-900);
  --text-2: var(--grey-600);
  --text-3: var(--grey-500);
  --text-inverse: var(--white);
  --text-disabled: var(--grey-400);
  --interactive: var(--navy-600);
  --interactive-hover: var(--navy-700);
  --interactive-fg: var(--white);
  --link: var(--navy-600);
  --focus: var(--navy-600);
  --sidebar-bg: var(--navy-800);
  --sidebar-fg: var(--white);
  --sidebar-muted: var(--navy-200);
  --sidebar-hover: rgba(255,255,255,.07);
  --sidebar-active: rgba(255,255,255,.14);
  --sidebar-border: rgba(255,255,255,.10);
  --ok: var(--green-700);
  --ok-soft: var(--green-100);
  --warn: var(--amber-700);
  --warn-soft: var(--amber-100);
  --danger: var(--red-700);
  --danger-soft: var(--red-100);
  --deny: var(--red-800);
  --escalate: var(--blue-500);
  --escalate-soft: var(--blue-100);
  --viz-1: var(--navy-600);
  --viz-2: var(--navy-400);
  --viz-3: var(--navy-200);
  --viz-4: var(--grey-500);
  --viz-5: var(--navy-800);
  --viz-grid: var(--grey-200);
  --shadow-1: 0 1px 2px rgba(11,26,56,.06);
  --shadow-2: 0 8px 24px -12px rgba(11,26,56,.22), 0 2px 6px -2px rgba(11,26,56,.08);
  --shadow-3: 0 24px 48px -24px rgba(11,26,56,.35), 0 8px 16px -8px rgba(11,26,56,.12);
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg-canvas: var(--navy-900);
  --bg-surface: var(--navy-900);
  --bg-subtle: rgba(255,255,255,.04);
  --bg-hover: rgba(255,255,255,.05);
  --bg-selected: rgba(255,255,255,.10);
  --bg-inverse: var(--white);
  --border: var(--navy-700);
  --border-strong: var(--navy-600);
  --border-inverse: rgba(11,26,56,.12);
  --text: var(--white);
  --text-2: var(--navy-300);
  --text-3: var(--navy-400);
  --text-inverse: var(--navy-900);
  --text-disabled: var(--navy-600);
  --interactive: var(--white);
  --interactive-hover: var(--navy-100);
  --interactive-fg: var(--navy-900);
  --link: var(--navy-300);
  --focus: var(--navy-300);
  --sidebar-bg: var(--navy-800);
  --sidebar-fg: var(--white);
  --sidebar-muted: var(--navy-200);
  --sidebar-hover: rgba(255,255,255,.07);
  --sidebar-active: rgba(255,255,255,.14);
  --sidebar-border: rgba(255,255,255,.10);
  --ok: var(--green-400);
  --ok-soft: rgba(76,195,138,.16);
  --warn: var(--amber-400);
  --warn-soft: rgba(229,180,83,.16);
  --danger: var(--red-400);
  --danger-soft: rgba(240,113,113,.16);
  --deny: var(--red-400);
  --escalate: var(--blue-300);
  --escalate-soft: rgba(127,163,232,.18);
  --viz-1: var(--navy-300);
  --viz-2: var(--navy-500);
  --viz-3: var(--navy-700);
  --viz-4: var(--navy-400);
  --viz-5: var(--white);
  --viz-grid: var(--navy-800);
  --shadow-1: 0 1px 2px rgba(0,0,0,.3);
  --shadow-2: 0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-3: 0 24px 48px -24px rgba(0,0,0,.7);
}