:root {
  /* Evyon Palette */
  --purple-primary: #6D28D9;
  --purple-deep: #4C1D95;
  --purple-soft: #A78BFA;
  --purple-light: #F5F3FF;
  --purple-glow: rgba(109, 40, 217, 0.18);

  --blue-tech: #2563EB;
  --blue-sky: #38BDF8;
  --blue-light: #EFF6FF;

  --bg-main: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-surface: #F1F5F9;
  --bg-dark: #0F172A;
  --bg-dark-card: #1E293B;

  --text-main: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;
  --text-light: #94A3B8;
  --text-white: #FFFFFF;

  --border-light: #E2E8F0;
  --border-focus: #C4B5FD;
  --border-dark: #334155;

  --status-success: #16A34A;
  --status-success-light: #DCFCE7;
  --status-whatsapp: #22C55E;
  --status-teal: #14B8A6;
  --status-teal-light: #CCFBF1;
  --status-warning: #F59E0B;
  --status-warning-light: #FEF3C7;
  --status-danger: #DC2626;
  --status-danger-light: #FEE2E2;

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #6D28D9 0%, #2563EB 58%, #38BDF8 100%);
  --grad-subtle: linear-gradient(135deg, #FAF5FF 0%, #EFF6FF 100%);
  --grad-dark: linear-gradient(135deg, #0F172A 0%, #1E1B4B 100%);
  --grad-gold: linear-gradient(135deg, #FDE047 0%, #EAB308 100%);
  --grad-success: linear-gradient(135deg, #16A34A 0%, #14B8A6 100%);

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.06);
  --shadow-purple: 0 10px 25px -3px rgba(109, 40, 217, 0.25);
  --shadow-glow: 0 0 35px rgba(109, 40, 217, 0.15);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

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

  /* Layout */
  --container-max: 1240px;
  --header-height: 72px;
}