/* ============================================================
   Nabi Shop - CSS Variables (Fallback defaults)
   NOTE: These are overridden at runtime by PHP-generated 
   :root variables from settings.json
   ============================================================ */

:root {
    /* Colors - defaults (overridden by PHP) */
    --color-primary: #2563EB;
    --color-primary-dark: #1D4ED8;
    --color-primary-light: #DBEAFE;
    --color-primary-ultra-light: #EFF6FF;
    --color-accent: #EF4444;
    --color-text-dark: #1E293B;
    --color-text-body: #475569;
    --color-text-light: #94A3B8;
    --color-bg-white: #FFFFFF;
    --color-bg-gray: #F8FAFC;
    --color-border: #E2E8F0;

    /* Fonts - defaults (overridden by PHP) */
    --font-serif: 'Playfair Display', 'Georgia', serif;
    --font-script: 'Dancing Script', cursive;
    --font-sans: 'Quicksand', 'Segoe UI', sans-serif;

    /* Spacing scale (8px base) */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-20: 80px;
    --sp-24: 96px;

    /* Layout */
    --container-max: 1200px;
    --container-padding: 24px;

    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.1);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;

    /* Header */
    --header-height: 76px;

    /* Z-index scale */
    --z-header: 100;
    --z-overlay: 200;
    --z-modal: 300;
}