:root {
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-border: #d9e2ec;

  --color-text: #172033;
  --color-text-muted: #475569;
  --color-text-faint: #64748b;

  /* Primary: deep government blue — headings, focus states, the primary
     chart family. This is the UI's dominant color; brand chrome (the top
     header band) intentionally stays a separate --color-header* below it,
     so branding doesn't repeat across every section heading. */
  --color-navy: #0b3a82;
  --color-navy-dark: #082a61;
  --color-navy-light: #1677b8;
  /* Secondary interactive blue — links, active states, focus rings. */
  --color-blue: #1677b8;
  --color-blue-light: #dceefb;

  /* Header/brand chrome only. */
  --color-header: #8b3f0b;
  --color-header-dark: #5a2906;
  --color-header-light: #a8571f;

  /* Map canvas ground — slightly cooler/whiter than the page background. */
  --color-map-bg: #f8fafc;

  --color-saffron: #ff9933;
  --color-india-green: #138808;

  --color-green: #16a34a;
  --color-green-light: #dcfce7;
  --color-red: #dc2626;
  --color-red-light: #fee2e2;
  --color-amber: #f59e0b;
  --color-amber-light: #fef3c7;
  --color-purple: #7c3aed;
  --color-purple-light: #ede9fe;
  --color-gray-swatch: #cbd5e1;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.10);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.14);

  --font-sans: 'Poppins', 'Noto Sans Devanagari', 'Segoe UI', system-ui, -apple-system, sans-serif;
}