/* =========================================================================
   NAMAN Mission POC — Design tokens
   ========================================================================= */
:root {
  /* Brand */
  --navy-950: #071428;
  --navy-900: #0A1B36;
  --navy-800: #0F2547;
  --navy-700: #16325F;
  --navy-600: #1F4278;
  --teal-700: #0B6870;
  --teal-600: #0E7C86;
  --teal-500: #13959F;
  --teal-100: #D7F0F1;
  --teal-50:  #ECF8F8;
  --river-600: #1C5CAB;
  --river-500: #2A78D6;
  --river-100: #DCEAFB;
  --river-50:  #EEF5FD;

  /* Surfaces & ink */
  --bg: #F3F5F8;
  --surface: #FFFFFF;
  --surface-2: #F8FAFC;
  --surface-3: #EEF2F7;
  --border: #E1E6ED;
  --border-strong: #CBD3DE;
  --text: #0F1B2D;
  --text-2: #475467;
  --muted: #7A8699;
  --link: #1C5CAB;

  /* Status (fixed, from validated status palette) */
  --good: #0CA30C;
  --good-ink: #106B23;
  --good-bg: #E5F6E8;
  --warn: #FAB219;
  --warn-ink: #8A5A00;
  --warn-bg: #FFF4D9;
  --serious: #EC835A;
  --serious-ink: #A2461F;
  --serious-bg: #FDEDE5;
  --crit: #D03B3B;
  --crit-ink: #A32626;
  --crit-bg: #FCE9E9;
  --info: #2A78D6;
  --info-ink: #1C5CAB;
  --info-bg: #E8F1FC;
  --neutral-bg: #EEF0F3;
  --neutral-ink: #4A5465;

  /* Categorical data series (validated order) */
  --series-1: #2a78d6;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #eda100;
  --series-5: #e87ba4;
  --series-6: #008300;
  --series-7: #6250d6;
  --series-8: #e34948;

  /* Chart chrome */
  --grid: #E6E8EC;
  --axis: #C3C2B7;

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* Shape */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(15, 27, 45, .06), 0 1px 1px rgba(15, 27, 45, .04);
  --shadow-md: 0 4px 14px rgba(15, 27, 45, .08), 0 1px 3px rgba(15, 27, 45, .06);
  --shadow-lg: 0 18px 50px rgba(7, 20, 40, .22);

  /* Layout */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 68px;
  --header-h: 60px;
  --gutter: 20px;
}