:root {
    /* New Pastel Color Palette */
    /* User specified: 98FB98 (Green), EBF588 (Yellow), FDE9C2 (Beige), DDD6F5 (Lavender), E6B1FA (Pink) */

    --color-primary: #FDE9C2;
    /* Light Beige - Main BG */
    --color-secondary: #FFFFFF;
    /* White - Card BG */

    /* Accents */
    --color-accent-green: #98FB98;
    --color-accent-yellow: #EBF588;
    --color-accent-lavender: #DDD6F5;
    --color-accent-pink: #E6B1FA;

    --color-accent: #E6B1FA;
    /* Primary Action Color (Pink/Lavender) */
    --color-accent-hover: #d48ceb;

    /* Text - Switched to Dark for Light BG */
    --color-text-dark: #2c3e50;
    /* Main Heading Color */
    --color-text-light: #4a5568;
    /* Body Text Color (Dark Grey) */
    --color-muted: #718096;

    /* Typography - Fluid */
    --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    
    --font-size-h1: clamp(2.5rem, 8vw, 4rem);
    --font-size-h2: clamp(2rem, 5vw, 2.5rem);
    --font-size-h3: clamp(1.25rem, 3vw, 1.5rem);
    --font-size-body: clamp(0.95rem, 2vw, 1.1rem);

    /* Spacing - Responsive */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: clamp(1.5rem, 4vw, 2rem);
    --spacing-lg: clamp(2rem, 8vw, 4rem);
    --spacing-xl: clamp(4rem, 15vw, 8rem);

    /* Layout */
    --max-width: 1200px;
    --header-height: 80px;
    --logo-size: 160px;
    --logo-size-mobile: 60px;

    /* Effects */
    --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease-in-out;
}