:root {
  /* Core brand palette */
  --color-primary: #007BFF;
  --color-secondary: #00C897;
  --color-text: #1B1F3B;
  --color-accent: #FFB020;

  /* Semantic colors */
  --color-background: #F8F6F1;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EDF4F1;
  --color-surface-warm: #FFF7E8;
  --color-border: #D8E2DE;
  --color-border-strong: #B8CBC5;
  --color-muted: #60706B;
  --color-white: #FFFFFF;
  --color-success: var(--color-secondary);
  --color-warning: var(--color-accent);
  --color-danger: #D94F45;
  --color-info: var(--color-primary);

  /* Dashboard and audit status colors */
  --status-good: var(--color-secondary);
  --status-warning: var(--color-accent);
  --status-risk: var(--color-danger);
  --status-info: var(--color-primary);

  /* Supporting color tokens */
  --color-primary-dark: #005BC2;
  --color-primary-soft: #DCEBFF;
  --color-secondary-dark: #008A68;
  --color-secondary-soft: #DDF8F0;
  --color-navy-soft: #E7EAF5;
  --color-header-bg: rgba(248, 246, 241, 0.92);
  --color-glass: rgba(255, 255, 255, 0.92);
  --color-glass-soft: rgba(255, 255, 255, 0.74);

  /* Layout and design tokens */
  --container-max: 1160px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-soft: 0 14px 34px rgba(27, 31, 59, 0.08);
  --shadow-card: 0 22px 70px rgba(27, 31, 59, 0.12);
  --shadow-action: 0 12px 28px rgba(0, 123, 255, 0.22);
  --space-section: 92px;
  --space-section-mobile: 66px;
  --transition-fast: 180ms ease;
  --transition-reveal: 560ms ease;

  /* Typography letter-spacing scale */
  --tracking-tight: -0.025em;
  --tracking-snug: -0.015em;
  --tracking-eyebrow: 0.1em;

  /* Dark band for problem/diagnostic sections */
  --color-dark-band: #12162B;
  --color-dark-band-surface: rgba(255, 255, 255, 0.04);
  --color-dark-band-border: rgba(255, 255, 255, 0.09);

  /* Backward-compatible component aliases used by styles.css */
  --bg: var(--color-background);
  --bg-deep: var(--color-text);
  --surface: var(--color-surface);
  --surface-muted: var(--color-surface-alt);
  --surface-tint: var(--color-surface-warm);
  --text: var(--color-text);
  --muted: var(--color-muted);
  --line: var(--color-border);
  --line-strong: var(--color-border-strong);
  --accent: var(--color-primary);
  --accent-dark: var(--color-primary-dark);
  --accent-soft: var(--color-primary-soft);
  --highlight: var(--color-accent);
  --danger: var(--color-danger);
  --shadow: var(--shadow-card);
  --radius: var(--radius-md);
}