:root {
  /* Brand Colors matching TechOrbit visual reference */
  --primary: #6D28D9;          /* Purple */
  --primary-light: #7C3AED;    /* Violet */
  --primary-hover: #5B21B6;
  --primary-50: #F5F3FF;
  --primary-100: #EDE9FE;
  --primary-200: #DDD6FE;
  
  /* Accent Colors */
  --accent-orange: #F97316;
  --accent-orange-light: #FFF7ED;
  --accent-pink: #EC4899;
  --accent-pink-light: #FDF2F8;
  --accent-cyan: #06B6D4;
  --accent-cyan-light: #ECFEFF;
  
  /* WhatsApp Emerald */
  --whatsapp: #25D366;
  --whatsapp-hover: #1EBE5D;
  --whatsapp-dark: #128C7E;
  --whatsapp-light: #E8F8F0;

  /* Neutral Backgrounds (Clean Light Theme) */
  --bg-page: #FFFFFF;
  --bg-subtle: #F8FAFC;
  --bg-subtle-alt: #F1F5F9;
  --bg-card: #FFFFFF;
  
  /* Text Colors */
  --text-main: #0F172A;       /* Dark charcoal/navy */
  --text-body: #334155;       /* Slate 700 */
  --text-muted: #64748B;      /* Slate 500 */
  --text-subtle: #94A3B8;     /* Slate 400 */
  
  /* Borders */
  --border-light: #E2E8F0;    /* Slate 200 */
  --border-subtle: #F1F5F9;   /* Slate 100 */
  --border-card: #E5E7EB;

  /* Gradients */
  --gradient-brand-btn: linear-gradient(135deg, #7C3AED 0%, #A855F7 50%, #EC4899 100%);
  --gradient-cta-banner: linear-gradient(135deg, #4F46E5 0%, #7C3AED 40%, #EC4899 75%, #F97316 100%);
  --gradient-hero-title: linear-gradient(135deg, #EC4899 0%, #F97316 100%);
  --gradient-card-bg: linear-gradient(180deg, #FAFAFE 0%, #FFFFFF 100%);
  --gradient-badge: linear-gradient(135deg, #EDE9FE 0%, #FDF2F8 100%);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-handwriting: 'Caveat', cursive, 'Brush Script MT', sans-serif;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 2px 6px -1px rgba(15, 23, 42, 0.06), 0 1px 4px -1px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 14px -2px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 12px 28px -6px rgba(15, 23, 42, 0.08), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
  --shadow-hover: 0 16px 32px -8px rgba(109, 40, 217, 0.12), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
  --shadow-purple-btn: 0 8px 20px -4px rgba(124, 58, 237, 0.4);
  --shadow-whatsapp: 0 6px 20px -2px rgba(37, 211, 102, 0.35);

  /* Spacing */
  --container-width: 1260px;
  --section-padding: 72px 0;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}