:root {
    --primary: #026a9f;
--primary-light: #2d97c6;
--primary-dark: #025481;
--secondary: #4f52c1;
--secondary-light: #8490ca;
--secondary-dark: #362da2;
--accent: #0b84ba;
--accent-light: #95b8ca;
--accent-dark: #06476a;
--brand-gradient-start: #2d97c6;
--bg: #c5c9cc;
--bg-alt: #b9c2c9;
--surface: #ffffff;
--surface-muted: #c0c7cc;
--border: #adbcc6;
--border-strong: #94aebe;
--text: #0a3b58;
--text-muted: #293444;
--text-inverse: #ffffff;
--success: #0b84ba;
--warning: #c47e09;
--info: #64a9ca;
--primary-rgb: 2, 106, 159;
--bg-rgb: 197, 201, 204;
--overlay-rgb: 10, 59, 88;
--pricing-highlight-start: rgba(100, 169, 202, 0.25);

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