:root {
  /* Brand Figma Colors */
  --figma-purple-hero: #6C4EAD;
  --figma-purple-dark: #5833A5;
  --figma-purple-light: #F4EEFF;
  --figma-purple-pill: #7C52C8;
  --figma-purple-glow: rgba(108, 71, 189, 0.35);

  --figma-cyan-accent: #0284C7;
  --figma-cyan-dark: #0369A1;
  --figma-cyan-light: #E0F2FE;

  --figma-navy-dark: #1E1838;
  --figma-navy-deep: #16112C;
  --figma-text-body: #3D3557;
  --figma-text-muted: #64748B;
  --figma-text-light: #FFFFFF;

  --figma-bg-ice-top: #E5F3FE;
  --figma-bg-white: #FFFFFF;
  --figma-bg-card: #FFFFFF;
  --figma-bg-grey: #F8FAFC;
  --figma-border: #E2E8F0;
  --figma-border-light: #EDF2F7;

  /* WhatsApp */
  --figma-whatsapp: #25D366;
  --figma-whatsapp-dark: #20BA5A;

  /* Typography */
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-nav: 0 4px 20px rgba(30, 24, 56, 0.06);
  --shadow-card: 0 4px 16px rgba(30, 24, 56, 0.05);
  --shadow-hover: 0 10px 28px rgba(30, 24, 56, 0.09);
  --shadow-purple: 0 8px 24px rgba(108, 71, 189, 0.28);

  /* Transitions */
  --transition: 200ms cubic-bezier(0.16, 1, 0.3, 1);
}