:root {
    /* Color Palette - Client's Original Choice (Warm, Organic, Sophisticated) */
    --clr-bg: #FAFAF9;
    /* Warm off-white */
    --clr-surface: #FFFFFF;
    --clr-surface-alt: #F2EFE9;
    /* Sand/Beige */
    --clr-surface-dark: #2C2825;
    /* Deep Charcoal/Brown for dark sections */

    --clr-text-main: #2C2825;
    --clr-text-main-rgb: 44, 40, 37;
    /* Deep Charcoal */
    --clr-text-muted: #5D5650;
    /* Muted Taupe */
    --clr-text-light: #FAFAF9;

    --clr-primary: #C75B7A;
    --clr-primary-rgb: 199, 91, 122;
    /* Client's Accent Rose */
    --clr-primary-dark: #A84660;
    --clr-primary-light: #F9EBEE;

    --clr-secondary: #D4AF37;
    /* Client's Gold */
    --clr-accent: #7D9D83;
    /* Client's Sage */

    --clr-border: #E8E3DD;
    --clr-border-dark: rgba(255, 255, 255, 0.1);

    /* Typography */
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Manrope', sans-serif;
    --font-script: 'Dancing Script', cursive;

    /* Metrics & Layout */
    --max-width: 1280px;
    --px-mobile: 24px;
    --px-desktop: 48px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 12px;
    --radius-lg: 24px;
    --radius-pill: 100px;

    /* Shadows - softer, more diffuse */
    --shadow-sm: 0 4px 20px rgba(var(--clr-text-main-rgb), 0.03);
    --shadow-md: 0 12px 32px rgba(var(--clr-text-main-rgb), 0.05);
    --shadow-lg: 0 24px 64px rgba(var(--clr-text-main-rgb), 0.08);

    /* Transitions */
    --trans-fast: 0.3s ease-out;
    --trans-smooth: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    --trans-reveal: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}