/* ===================================================================
   Design Tokens
   Colors · Typography · Spacing · Glassmorphism · Borders · Transitions
   =================================================================== */

:root {
    /* Creamy pastel palette */
    --color-cream:         #FFF8F0;
    --color-cream-light:   #FFFDF9;
    --color-blush:         #F5E6DA;
    --color-rose:          #E8C4B8;
    --color-rose-soft:     #F0D5CC;
    --color-warm-gray:     #B8A99A;
    --color-taupe:         #A89484;
    --color-charcoal:      #3D3530;
    --color-charcoal-soft: #5A4F48;
    --color-accent:        #C49A7C;
    --color-accent-hover:  #B38868;
    --color-white:         #FFFFFF;
    --color-white-60:      rgba(255, 255, 255, 0.60);
    --color-white-40:      rgba(255, 255, 255, 0.40);
    --color-white-20:      rgba(255, 255, 255, 0.20);
    --color-shadow:        rgba(61, 53, 48, 0.08);
    --color-shadow-md:     rgba(61, 53, 48, 0.12);
    --color-shadow-lg:     rgba(61, 53, 48, 0.16);

    /* Override Bootstrap link colors */
    --bs-link-color:           #C49A7C;
    --bs-link-color-rgb:       196, 154, 124;
    --bs-link-hover-color:     #B38868;
    --bs-link-hover-color-rgb: 179, 136, 104;

    /* Typography */
    --font-heading: 'Playfair Display', 'Georgia', serif;
    --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;
    --font-size-xs:   0.75rem;
    --font-size-sm:   0.875rem;
    --font-size-base: 1rem;
    --font-size-lg:   1.125rem;
    --font-size-xl:   1.5rem;
    --font-size-2xl:  2rem;
    --font-size-3xl:  2.75rem;
    --font-size-hero: 3.5rem;

    /* Spacing */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  1.5rem;
    --space-xl:  2.5rem;
    --space-2xl: 4rem;
    --space-3xl: 6rem;

    /* Glassmorphism */
    --glass-bg:       rgba(255, 255, 255, 0.55);
    --glass-bg-heavy: rgba(255, 255, 255, 0.75);
    --glass-border:   rgba(255, 255, 255, 0.45);
    --glass-blur:     16px;
    --glass-blur-lg:  24px;

    /* Borders & Radius */
    --radius-sm:   8px;
    --radius-md:   12px;
    --radius-lg:   20px;
    --radius-xl:   28px;
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
}