:root {
  /* Backgrounds */
  --bg-base:        #0A0A0A;
  --bg-surface:     #141414;
  --bg-surface-2:   #1C1C1C;

  /* Borders */
  --border-subtle:  #242424;
  --border-strong:  #333333;
  --border-hover:   #3A3A3A;

  /* Text */
  --text-primary:   #F5F5F5;
  --text-secondary: #A3A3A3;
  --text-muted:     #6B6B6B;

  /* Brand */
  --accent-red:     #E53935;
  --accent-red-dim: #8B1F1C;
  --accent-red-hover: #EF5350;

  /* Risk levels */
  --risk-critical:  #E53935;
  --risk-high:      #F59E0B;
  --risk-medium:    #EAB308;
  --risk-low:       #65A30D;
  --risk-clear:     #16A34A;

  /* Type scale */
  --fs-display: clamp(2.5rem, 4vw, 3.5rem);
  --fs-h1:      2.25rem;
  --fs-h2:      1.5rem;
  --fs-h3:      1.125rem;
  --fs-body:    0.9375rem;
  --fs-small:   0.8125rem;
  --fs-micro:   0.6875rem;

  /* Spacing (8px grid) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
}