:root {
  /* ── Fonts ── */
  --font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ── Text ── */
  --text-white: #fff;
  --text-primary: #e1e1e1;
  --text-muted: #8b8fb2;

  /* ── Accents ── */
  --accent-green: #5bc85f;
  --accent-red: #cc0000;
  --accent-blue: rgb(39, 133, 249);

  /* ── Warning ── */
  --warning-bg: rgb(180, 120, 20);

  /* ── Alert ── */
  --alert-bg: #4a1a1a;

  /* ── Surfaces ── */
  --surface-regular: #2b3559;
  --surface-dark: rgb(30, 35, 56);
  --surface-subtle: #333;
  --surface-input: #181818;

  /* ── Borders ── */
  --border-subtle: #383838;
  --border-medium: #717171;

  /* ── Shadows ── */
  --shadow-sm: rgba(0, 0, 0, 0.2);
  --shadow-md: rgba(0, 0, 0, 0.3);

  /* ── App chrome ── */
  --app-bg: rgb(0, 75, 225);
  --body-bg-color: rgb(70, 120, 220);

  /* ── XP blue palette ── */
  --xp-blue: #245edb;
  --xp-blue-mid: #1f3fad;

  /* ── Controls (WMP metallic bar) ── */
  --controls-mid: rgb(170, 190, 220);
  --controls-text: rgb(50, 70, 110);
  --slider-thumb-border: rgb(30, 90, 30);

  /* ── Spacing ── */
  --taskbar-height: 36px;
}