:root {
  /* Backgrounds */
  --bg:        #F4F6F4;
  --surface:   #FFFFFF;
  --surface-2: #F7FAF7;
  --surface-3: #EDF1ED;

  /* Borders & elevation */
  --border:    #D4E2D4;
  --border-h:  #AECAAE;
  --shadow:    0 1px 3px rgba(0,0,0,.07), 0 0 0 1px rgba(0,0,0,.04);
  --radius:    10px;
  --radius-sm: 6px;

  /* Text */
  --text:       #1A2820;
  --text-body:  #3C5146;
  --text-muted: #78957F;

  /* Brand / accent */
  --accent:       #1E7A4B;
  --accent-hover: #165E39;
  --accent-dim:   rgba(30,122,75,.08);

  /* IFO level fills — bars, areas, radar strokes (keep brand palette) */
  --fragil:     #E63946;
  --robusto:    #F4A261;
  --resiliente: #74C69D;
  --antifragil: #52B788;

  /* IFO level text-safe — WCAG AA on --surface / --bg */
  --fragil-text:     #B91C27;
  --robusto-text:    #9A5106;
  --resiliente-text: #1A6038;
  --antifragil-text: #165730;

  /* Typography */
  --font-sans: 'Inter Tight', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Scale */
  --max-width: 1280px;
  --fs-h1:    30px;
  --fs-h2:    17px;
  --fs-body:  16px;
  --fs-sm:    14px;
  --fs-label: 11px;
  --lh:       1.55;
}