:root {
    --primary: #171818;
    --secondary: #e7c908;
    --background: #fdfdfd;
    --navbar-links: #1f2937;
    --navbar-links-hover: #e7c908;
    --price_badge_bg_color: #e7c908;
    --title_prefix: #e7c908;
    --title_suffix: #ffffff;
    --light: #f7faf9;
    --button-text-color: #111827;
    --button-background-color: #e7c908;

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