@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

/* CSS Variables - Generated by Theme Settings */
:root {
    --primary: #121212;
    --primary-light: #303030;
    --accent: #ff0000;
    --accent-hover: #c79c0f;
    --slider-btn: #ff0000;
    --discount-red: #ff0000;
    --header-discount-btn: #ff0000;
    --header-discount-rgb: 255, 0, 0;
    --text-main: #333333;
    --text-muted: #888888;
    --bg-main: #ffffff;
    --bg-light: #f9f9f9;
    --border-color: #ebebeb;
    --success: #2e7d32;
    --error: #d32f2f;
    --warning: #ed6c02;
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Outfit', sans-serif;
    --font-nav: 'Outfit', sans-serif;
    --font-button: 'Outfit', sans-serif;
    --btn-radius: 4px;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --radius-sm: 4px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-blur: blur(10px);
}