:root {
  /* ========== Mindset AI brand palette ========== */
  --color-coral: #FC4F64;
  --color-coral-light: #FD6854;
  --color-coral-dark: #A81629;
  --color-magenta: #CA1A73;
  --color-sky-blue: #7BC6FC;
  --color-sky-blue-light: #E0F0FF;
  --color-sky-blue-soft: #C3E5FE;
  --color-dark-teal: #023B64;
  --color-ink: #0E1128;
  --color-neutral-light: #F2F4F8;

  /* ========== Surface colors (dark, teal-tinted) ========== */
  --bg-primary: var(--color-ink);         /* deepest — body bg */
  --bg-surface: #0A1F3A;                  /* slightly teal-shifted */
  --bg-elevated: #12355C;                 /* cards / raised blocks */
  --bg-hero: var(--color-ink);

  --border: rgba(123, 198, 252, 0.14);
  --border-subtle: rgba(123, 198, 252, 0.08);

  /* ========== Text ========== */
  --text-primary: #F2F4F8;
  --text-secondary: rgba(242, 244, 248, 0.66);
  --text-muted: rgba(242, 244, 248, 0.42);

  /* ========== Accent mapping (remapped to Mindset palette) ========== */
  /* --accent-green kept as the name for backwards compat; value is now coral. */
  --accent-green: var(--color-coral);
  --accent-green-hover: var(--color-coral-light);
  --accent-green-dim: rgba(252, 79, 100, 0.14);

  --accent-blue: var(--color-sky-blue);
  --accent-blue-dim: rgba(123, 198, 252, 0.14);

  --accent-amber: #f0a830;
  --accent-amber-dim: rgba(240, 168, 48, 0.14);
  --accent-red: var(--color-coral);
  --accent-red-dim: rgba(252, 79, 100, 0.14);
  --accent-purple: #a78bfa;
  --accent-purple-dim: rgba(167, 139, 250, 0.14);

  /* ========== Typography ========== */
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 3.75rem;

  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ========== Spacing ========== */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* ========== Layout ========== */
  --max-width: 1120px;
  --max-width-narrow: 800px;

  /* ========== Transitions ========== */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.22, 1, 0.36, 1);

  /* ========== Radii (added xl + pill per Mindset) ========== */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-full: 9999px;

  /* ========== Gradients (Mindset signature) ========== */
  --gradient-hero: linear-gradient(180deg, #0E1128 0%, #023B64 100%);
  --gradient-cta: linear-gradient(135deg, #CA1A73 0%, #FC4F64 100%);
}