:root {
    --font-family: Poppins, system-ui, -apple-system, sans-serif;
    --font-size-base: 16px;
    --font-size-mobile: 15px;
    
    --h1-scale: 2rem;
    --h2-scale: 1.6rem;
    --h3-scale: 1.5rem;

    --site-max-width: 1100px;
    --color-primary: #3B82F6;
    
    --radius-button: 4px;
    --radius-card: 0px;
    --radius-input: 0px;

    --padding-x-desktop: 16px;
    --padding-y-desktop: 20px;
    --padding-x-mobile: 10px;
    --padding-y-mobile: 14px;
    
    --margin-desktop: 10px;
    --margin-mobile: 10px;

    --color-bg: #09090B;
    --color-surface: #18181B;
    --color-surface-2: #27272A;
    --color-text: #F4F4F5;
    --color-muted: #A1A1AA;
    --border-color: #FFFFFF14;
    --border-color-strong: #FFFFFF26;
}

[data-theme="light"] {
    --color-bg: #F8FAFC;
    --color-surface: #FFFFFF;
    --color-surface-2: #F1F5F9;
    --color-text: #0F172A;
    --color-muted: #64748B;
    --border-color: #E2E8F0;
    --border-color-strong: #CBD5E1;
}