:root {
    --primary: #3b82f6;
--primary-light: #60a5fa;
--primary-dark: #1d4ed8;
--secondary: #6366f1;
--secondary-light: #a5b4fc;
--secondary-dark: #4338ca;
--accent: #38bdf8;
--accent-light: #7dd3fc;
--accent-dark: #0284c7;
--brand-gradient-start: #60a5fa;
--bg: #0b1220;
--bg-alt: #111827;
--surface: #1e293b;
--surface-muted: #334155;
--border: #334155;
--border-strong: #475569;
--text: #e2e8f0;
--text-muted: #94a3b8;
--text-inverse: #ffffff;
--success: #3b82f6;
--warning: #f59e0b;
--info: #7dd3fc;
--primary-rgb: 59, 130, 246;
--bg-rgb: 11, 18, 32;
--overlay-rgb: 15, 23, 42;
--pricing-highlight-start: rgba(96, 165, 250, 0.2);

    --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);
}