/**
 * CSS Variables - Blush & Gold Palette
 * Centralized color and design tokens for the wedding invitation theme
 * Import this file first in other CSS files to use variables
 */

:root {
    /* Primary Colors */
    --warm-brown: rgba(107, 70, 60, 1);           /* Main text color */
    --warm-brown-light: rgba(107, 70, 60, 0.8);   /* Secondary text */
    --warm-brown-lighter: rgba(107, 70, 60, 0.6); /* Tertiary text */
    
    /* Gold Tones */
    --soft-gold: rgba(232, 213, 183, 1);          /* Primary gold */
    --light-gold: rgba(232, 213, 183, 0.6);       /* Light gold */
    --pale-gold: rgba(232, 213, 183, 0.3);        /* Very light gold */
    --gold-accent: rgba(218, 190, 160, 1);         /* Darker gold accent */
    
    /* Blush & Pink */
    --blush-pink: rgba(244, 228, 228, 1);          /* Primary blush */
    --light-blush: rgba(244, 228, 228, 0.6);      /* Light blush */
    --pale-blush: rgba(244, 228, 228, 0.3);       /* Very light blush */
    
    /* Neutrals */
    --cream: rgba(250, 248, 243, 1);               /* Cream white */
    --ivory: rgba(255, 252, 248, 1);               /* Pure ivory */
    --off-white: rgba(255, 255, 255, 0.95);       /* Off white */
    
    /* Backgrounds */
    --bg-primary: rgba(250, 248, 243, 1);          /* Main background */
    --bg-secondary: rgba(244, 228, 228, 0.4);     /* Secondary bg */
    --bg-accent: rgba(232, 213, 183, 0.2);         /* Accent background */
    
    /* Borders & Shadows */
    --border-light: rgba(232, 213, 183, 0.3);      /* Light borders */
    --border-medium: rgba(232, 213, 183, 0.5);    /* Medium borders */
    --shadow-soft: rgba(107, 70, 60, 0.1);         /* Soft shadows */
    --shadow-medium: rgba(107, 70, 60, 0.15);      /* Medium shadows */
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    
    /* Typography */
    --font-script: 'Dancing Script', 'Be Vietnam Pro', cursive;
    --font-elegant: 'Be Vietnam Pro', 'Noto Serif', 'Cormorant Garamond', serif;
    --font-body: 'Be Vietnam Pro', 'Noto Serif', 'Cormorant Garamond', serif;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Z-index layers */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 1000;
    --z-modal: 2000;
}