:root {
  /* Colors */
  --color-hero-bg: #0f172a;
  --color-hero-text: #f8fafc;
  --color-hero-muted: #cbd5e1;
  --color-hero-accent: #7dd3fc;
  --color-body-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-muted: #f1f5f9;
  --color-text: #0f172a;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-impact: #2563eb;

  /* Agent section */
  --color-agent-bg-start: #eef2ff;
  --color-agent-bg-end: #f5f3ff;

  /* Qualification icon colors */
  --color-violet: #7c3aed;
  --color-violet-bg: #ede9fe;
  --color-blue: #2563eb;
  --color-blue-bg: #dbeafe;
  --color-green: #059669;
  --color-green-bg: #d1fae5;
  --color-orange: #ea580c;
  --color-orange-bg: #ffedd5;
  --color-teal: #0d9488;
  --color-teal-bg: #ccfbf1;
  --color-amber: #d97706;
  --color-amber-bg: #fef3c7;
  --color-slate: #475569;
  --color-slate-bg: #e2e8f0;

  /* Stat icon colors */
  --stat-violet-bg: #ede9fe;
  --stat-violet-text: #7c3aed;
  --stat-blue-bg: #dbeafe;
  --stat-blue-text: #2563eb;
  --stat-indigo-bg: #e0e7ff;
  --stat-indigo-text: #4f46e5;
  --stat-sky-bg: #e0f2fe;
  --stat-sky-text: #0284c7;

  /* Typography */
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Inter", system-ui, sans-serif;

  /* Spacing */
  --section-padding-y: 4rem;
  --section-padding-x: 1.5rem;
  --container-max: 1200px;
  --nav-height: 4rem;

  /* Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 10px 30px rgba(15, 23, 42, 0.12);
  --shadow-card: 0 4px 20px rgba(15, 23, 42, 0.08);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Cross-functional flip card */
  --color-xf-bg: #050a14;
  --color-xf-text: #f8fafc;
  --color-xf-muted: #94a3b8;
}