:root {
    --primary: #7c3aed;
--primary-light: #a78bfa;
--primary-dark: #5b21b6;
--secondary: #ec4899;
--secondary-light: #f9a8d4;
--secondary-dark: #be185d;
--accent: #d946ef;
--accent-light: #e879f9;
--accent-dark: #a21caf;
--brand-gradient-start: #c084fc;
--bg: #faf5ff;
--bg-alt: #f3e8ff;
--surface: #ffffff;
--surface-muted: #f5f3ff;
--border: #e9d5ff;
--border-strong: #d8b4fe;
--text: #1e1b4b;
--text-muted: #5b21b6;
--text-inverse: #ffffff;
--success: #7c3aed;
--warning: #f59e0b;
--info: #e879f9;
--primary-rgb: 124, 58, 237;
--bg-rgb: 250, 245, 255;
--overlay-rgb: 30, 27, 75;
--pricing-highlight-start: rgba(216, 180, 254, 0.35);

    --primary-a-03: rgba(var(--primary-rgb), 0.03);
    --primary-a-10: rgba(var(--primary-rgb), 0.1);
    --primary-a-16: rgba(var(--primary-rgb), 0.16);
    --primary-a-18: rgba(var(--primary-rgb), 0.18);
    --primary-a-22: rgba(var(--primary-rgb), 0.22);
    --primary-a-25: rgba(var(--primary-rgb), 0.25);

    --bg-a-10: rgba(var(--bg-rgb), 0.1);
    --bg-a-20: rgba(var(--bg-rgb), 0.2);
    --bg-a-30: rgba(var(--bg-rgb), 0.3);
    --bg-a-60: rgba(var(--bg-rgb), 0.6);
    --bg-a-70: rgba(var(--bg-rgb), 0.7);

    --overlay-a-60: rgba(var(--overlay-rgb), 0.6);
    --overlay-a-85: rgba(var(--overlay-rgb), 0.85);

    --surface-card: rgba(255, 255, 255, 0.7);
    --surface-pill: rgba(255, 255, 255, 0.55);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.06);
    --shadow-pill: 0 8px 22px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.12);
}