:root {
  /* ==========================================================================
     CRESGRAD DESIGN TOKENS & COLOR SYSTEM
     ========================================================================== */

  /* Primary Brand Scale (Cobalt / Tech Blue) */
  --color-primary: #004ac6;
  --color-primary-container: #2563eb;
  --color-primary-fixed: #dbe1ff;
  --color-primary-fixed-dim: #b4c5ff;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #eeefff;
  --color-on-primary-fixed: #00174b;
  --color-on-primary-fixed-variant: #003ea8;
  --color-inverse-primary: #b4c5ff;

  /* Secondary Accent Scale (Electric Neon Cyan / Ultra-Bright Aqua) */
  --color-secondary: #00c2cb;
  --color-secondary-container: #00f5ff;
  --color-secondary-fixed: #00f5ff;
  --color-secondary-fixed-dim: #67e8f9;
  --color-on-secondary: #0b0f19;
  --color-on-secondary-container: #0b0f19;
  --color-on-secondary-fixed: #0b0f19;
  --color-on-secondary-fixed-variant: #083344;
  --color-secondary-glow: rgba(0, 245, 255, 0.45);
  --color-secondary-border: rgba(0, 245, 255, 0.25);
  --color-secondary-tint: rgba(0, 245, 255, 0.12);

  /* Tertiary Scale (Slate / Neutral Steel) */
  --color-tertiary: #515561;
  --color-tertiary-container: #696d7a;
  --color-tertiary-fixed: #dfe2f1;
  --color-tertiary-fixed-dim: #c3c6d4;
  --color-on-tertiary: #ffffff;
  --color-on-tertiary-container: #edf0ff;
  --color-on-tertiary-fixed: #171b26;
  --color-on-tertiary-fixed-variant: #434652;

  /* Surface & Background Scale (Light Canvas) */
  --color-background: #f7f9fb;
  --color-on-background: #191c1e;
  --color-surface: #f7f9fb;
  --color-surface-dim: #d8dadc;
  --color-surface-bright: #f7f9fb;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f2f4f6;
  --color-surface-container: #eceef0;
  --color-surface-container-high: #e6e8ea;
  --color-surface-container-highest: #e0e3e5;
  --color-surface-variant: #e0e3e5;
  --color-surface-tint: #0053db;
  --color-on-surface: #191c1e;
  --color-on-surface-variant: #434655;

  /* Inverse Surface Scale (Dark Obsidian Canvas) */
  --color-inverse-surface: #2d3133;
  --color-inverse-on-surface: #eff1f3;

  /* Outlines & Borders */
  --color-outline: #737686;
  --color-outline-variant: #c3c6d7;

  /* Feedback / Error Scale */
  --color-error: #ba1a1a;
  --color-error-container: #ffdad6;
  --color-on-error: #ffffff;
  --color-on-error-container: #93000a;

  /* Typography Families */
  --font-headline: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-label: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Border Radii */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-subtle: 0 1px 8px rgba(0, 0, 0, 0.04);
  --shadow-glow-cyan: 0 0 24px rgba(0, 245, 255, 0.45);
  --shadow-glow-cyan-hover: 0 0 36px rgba(0, 245, 255, 0.65);
  --shadow-glow-blue: 0 0 24px rgba(37, 99, 235, 0.25);
}