:root {
  /* Canvas & Surfaces */
  --canvas:            #000000;
  --surface-soft:      #0d0d0d;
  --surface-card:      #1a1a1a;
  --surface-elevated:  #262626;

  /* Text */
  --ink:               #ffffff;
  --on-dark:           #ffffff;
  --on-primary:        #000000;
  --body:              #bbbbbb;
  --body-strong:       #e6e6e6;
  --muted:             #7e7e7e;

  /* Borders */
  --hairline:          #3c3c3c;
  --hairline-strong:   #262626;

  /* Brand primary */
  --primary:           #ffffff;

  /* Status */
  --warning:           #f4b400;
  --success:           #0fa336;

  /* Case-study accents — Firefox / Nova */
  --accent-firefox:      #7845e8;
  --accent-firefox-soft: rgba(120, 69, 232, 0.15);

  /* Case-study accents — Venmo */
  --accent-venmo:      #0074DE;
  --accent-venmo-soft: rgba(0, 116, 222, 0.15);

  /* BMW M heritage tones (available for editorial use) */
  --m-blue-light:      #0066b1;
  --m-blue-dark:       #1c69d4;
  --m-red:             #e22718;
}