/* ==========================================================================
   CADEL PASTRIES & FOOD - DESIGN TOKENS (VARIABLES)
   ========================================================================== */

/* Import Premium Editorial Fonts from Google Fonts CDN */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
    /* --- COLOR PALETTE --- */
    /* Deep Ocean Black (Primary Background - Luxury Night Sky) */
    --color-bg: #101820;
    
    /* Warm Ivory (Primary Text - Soft, High Contrast) */
    --color-text: #F8F3E7;
    
    /* Culinary Gold (Accent Color - Used Sparingly) */
    --color-accent: #D4A017;
    
    /* Secondary/Muted States */
    --color-text-muted: rgba(248, 243, 231, 0.65);
    --color-bg-elevated: #16202a;
    --color-bg-card: rgba(248, 243, 231, 0.03);
    --color-border: rgba(248, 243, 231, 0.1);
    --color-border-focus: rgba(212, 160, 23, 0.5);

    /* --- TYPOGRAPHY FAMILY --- */
    --font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Inter', sans-serif;

    /* --- FLUID TYPOGRAPHY SCALE (clamp-driven) --- */
    --font-size-hero: clamp(2.5rem, 6vw, 5.5rem);      /* Main hero headlines */
    --font-size-h1: clamp(2rem, 4vw, 3.5rem);          /* Main page/section titles */
    --font-size-h2: clamp(1.5rem, 3vw, 2.25rem);       /* Component/Card titles */
    --font-size-h3: clamp(1.2rem, 2vw, 1.625rem);      /* Small headers */
    --font-size-body: clamp(0.95rem, 1vw + 0.5rem, 1.125rem); /* Highly readable body text */
    --font-size-small: clamp(0.75rem, 1vw, 0.875rem);  /* Metadata, labels, captions */

    /* --- FLUID SPACING SYSTEM (clamp-driven) --- */
    --space-xs: clamp(0.25rem, 0.5vw, 0.5rem);
    --space-sm: clamp(0.5rem, 1vw, 1rem);
    --space-md: clamp(1rem, 2vw, 2rem);
    --space-lg: clamp(2rem, 4vw, 4rem);
    --space-xl: clamp(4rem, 8vw, 8rem);

    /* --- BRAND STRUCTURAL DEFAULTS --- */
    --border-radius-sm: 2px; /* Subtle architectural corners */
    --border-radius-md: 4px;
    --max-width-content: 1440px;

    /* --- PREMIUM ANIMATION SYSTEM --- */
    --transition-curve: cubic-bezier(0.16, 1, 0.3, 1);
    --transition-duration: 0.6s;
    --transition-fast: 0.25s;

    /* --- SHADOWS --- */
    --shadow-soft: 0 20px 50px rgba(0, 0, 0, 0.4);
    --shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.6);
}