:root {
    --primary: #4f46e5;
    --secondary: #06b6d4;
    --background: #f8fafc;
    --navbar-links: #0f172a;
    --navbar-links-hover: #06b6d4;
    --price_badge_bg_color: #06b6d4;
    --title_prefix: #06b6d4;
    --title_suffix: #ffffff;
    --light: #eef2f7;
    --button-text-color: #0f172a;
    --button-background-color: #06b6d4;

    --text: #0f0f14;
    --muted: #c9cdd2;
    --ring: color-mix(in oklab, var(--primary, #6b3df4) 45%, transparent);
    --shadow-1: 0 10px 30px rgba(16, 24, 40, .08);
    --shadow-2: 0 20px 50px rgba(16, 24, 40, .14);
    --radius-2xl: 28px;
    --maxw: 1220px;
}