:root {
  --c-teal:        #009ead;
  --c-indigo:      #3b5bdb;
  --c-orange:      #e8590c;
  --c-violet:      #7048e8;

  --c-ink:         #1e293b;
  --c-secondary:   #475569;
  --c-mute:        #64748b;

  --c-panel:       #ffffff;
  --c-canvas:      #f1f5f9;
  --c-track:       #eef1f6;

  --c-line:        #e2e8f0;
  --c-strong:      #cbd5e1;

  --c-positive:    #0ca678;
  --c-negative:    #e03131;

  --c-compare:     var(--c-orange);

  --map-bin-1:     var(--map-floating-1);
  --map-bin-2:     var(--map-floating-2);
  --map-bin-3:     var(--map-floating-3);
  --map-bin-4:     var(--map-floating-4);
  --map-bin-5:     var(--map-floating-5);

  --map-floating-1:   #dbf0f1;
  --map-floating-2:   #addde0;
  --map-floating-3:   #7ac9cd;
  --map-floating-4:   #40b1b8;
  --map-floating-5:   #0097a0;

  --map-population-1: #dbf5fd;
  --map-population-2: #ade9fa;
  --map-population-3: #7adbf8;
  --map-population-4: #40ccf6;
  --map-population-5: #00baf2;

  --map-card-1:       #fdeae0;
  --map-card-2:       #fbcfb9;
  --map-card-3:       #f8b18d;
  --map-card-4:       #f68f5b;
  --map-card-5:       #f36924;

  --metric-floating:   #0097a0;
  --metric-population: #00baf2;
  --metric-card:       #f36924;

  --map-pill-floating:   #0b3a42;
  --map-pill-population: #06405a;
  --map-pill-card:       #7a2e08;

  --map-boundary:  #b1b8be;
  --map-city-edge: #8a949e;
  --map-pill-bg:   #0b3a42;
  --map-pill-sub:  #a6dde2;
  --map-empty:     #eef1f6;

  --ind-1:         #9a3412;
  --ind-2:         #c2410c;
  --ind-3:         #e8590c;
  --ind-4:         #f97316;
  --ind-5:         #fdba74;
  --ind-badge-bg:  #fdefe4;
  --ind-badge-fg:  #9a3412;

  --c-error:       #c92a2a;
  --c-error-bg:    #fff5f5;
  --c-error-line:  #ffc9c9;

  --fs-caption:    0.8125rem;
  --fs-sub:        0.875rem;
  --fs-body:       0.9375rem;
  --fs-strong:     1rem;
  --fs-card:       1.125rem;
  --fs-page:       1.5rem;
  --fs-kpi:        2.25rem;

  --radius-card:   16px;
  --radius-inner:  10px;
  --radius-pill:   9px;
  --shadow-card:   0 1px 3px rgba(15, 23, 42, .06);
  --shadow-float:  0 2px 5px rgba(11, 58, 66, .22);

  --gap:           clamp(14px, 1.2vw, 20px);
  --page-pad:      clamp(14px, 1.8vw, 32px);
  --card-pad:      clamp(16px, 1.5vw, 24px);

  --max-width:     2200px;
}