:root {
    --primary: #25907a;
--primary-light: #52b79f;
--primary-dark: #006a56;
--secondary: #a9c674;
--secondary-light: #d1ee9a;
--secondary-dark: #829f4f;
--accent: #0098c8;
--accent-light: #50bff1;
--accent-dark: #0073a1;
--brand-gradient-start: #3db1c3;
--bg: #f9f9f9;
--bg-alt: #e2e2e2;
--surface: #ffffff;
--surface-muted: #f8fafc;
--border: #e2e8f0;
--border-strong: #cbd5e1;
--text: #0f172a;
--text-muted: #475569;
--text-inverse: #ffffff;
--success: #10b981;
--warning: #f59e0b;
--info: #69eef9;
--primary-rgb: 37, 144, 122;
--bg-rgb: 249, 249, 249;
--overlay-rgb: 15, 23, 42;
--pricing-highlight-start: rgba(157, 220, 255, 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);
}