:root {
        /* === WARM & INVITING WEDDING DESIGN SYSTEM === */

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

        /* --- PRIMARY COLORS --- */

        /* Brand Accent - Warm Coral Pink */
        --color-primary: #FF6B7A;
        --color-primary-light: #FF8A96;
        --color-primary-dark: #E5505F;

        /* Strong Neutral - Deep Charcoal */
        --color-charcoal: #2B2B2B;
        --color-charcoal-light: #3D3D3D;

        /* --- SECONDARY COLORS --- */

        /* Soft Neutral - Light Blush */
        --color-blush: #FFF5F5;
        --color-blush-light: #FFF9F9;

        /* Light Neutral - Light Grey */
        --color-grey-light: #F5F5F5;
        --color-grey-card: #FAFAFA;

        /* Medium Neutral - Mid Grey */
        --color-grey-medium: #6B6B6B;
        --color-grey-text: #4A4A4A;

        /* --- SUPPORTING COLORS --- */

        /* Decoration - Warm Beige/Gold */
        --color-gold: #D4AF7A;
        --color-gold-light: #E8C9A0;
        --color-cream: #FAF8F5;

        /* Overlay Tint - Soft Warm */
        --color-warm-tint: #FFF8F5;

        /* --- UTILITY --- */
        --color-white: #FFFFFF;

        /* --- SEMANTIC COLORS --- */
        --color-success: #5CB85C;
        --color-error: #E5505F;
        --color-warning: #F0AD4E;

        /* --- APPLIED COLORS --- */

        /* Backgrounds */
        --bg-body: var(--color-blush);
        --bg-card: var(--color-white);
        --bg-card-hover: var(--color-blush-light);
        --bg-section: var(--color-blush-light);
        --bg-subtle: var(--color-grey-light);
        --bg-overlay: rgba(43, 43, 43, 0.9);

        /* Text */
        --text-primary: var(--color-charcoal);
        --text-secondary: var(--color-grey-text);
        --text-muted: var(--color-grey-medium);
        --text-light: var(--color-white);
        --text-accent: var(--color-primary);

        /* Borders */
        --border-color: rgba(43, 43, 43, 0.1);
        --border-color-light: rgba(43, 43, 43, 0.06);
        --border-color-strong: rgba(43, 43, 43, 0.15);

        /* --- GRADIENTS --- */

        /* Primary Gradient - Coral to Pink */
        --gradient-primary: linear-gradient(135deg,
                        var(--color-primary) 0%,
                        var(--color-primary-light) 100%);

        /* Warm Overlay */
        --gradient-warm: linear-gradient(135deg,
                        var(--color-warm-tint) 0%,
                        var(--color-blush) 100%);

        /* Gold Accent */
        --gradient-gold: linear-gradient(135deg,
                        var(--color-gold) 0%,
                        var(--color-gold-light) 100%);

        /* Hero Gradient */
        --gradient-hero: linear-gradient(180deg,
                        var(--color-warm-tint) 0%,
                        var(--color-blush) 100%);

        /* --- SPACING SCALE (8px base) --- */
        --spacing-2xs: 4px;
        --spacing-xs: 8px;
        --spacing-sm: 12px;
        --spacing-md: 16px;
        --spacing-lg: 24px;
        --spacing-xl: 32px;
        --spacing-2xl: 48px;
        --spacing-3xl: 64px;
        --spacing-4xl: 96px;

        /* --- TYPOGRAPHY SCALE --- */
        --font-size-xs: 0.75rem;
        /* 12px */
        --font-size-sm: 0.875rem;
        /* 14px */
        --font-size-base: 1rem;
        /* 16px */
        --font-size-lg: 1.125rem;
        /* 18px */
        --font-size-xl: 1.5rem;
        /* 24px */
        --font-size-2xl: 2rem;
        /* 32px */
        --font-size-3xl: 3rem;
        /* 48px */
        --font-size-4xl: 4rem;
        /* 64px */

        --font-weight-light: 300;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-black: 900;

        --line-height-tight: 1.2;
        --line-height-normal: 1.5;
        --line-height-relaxed: 1.75;

        --letter-spacing-tight: -0.02em;
        --letter-spacing-normal: 0em;
        --letter-spacing-wide: 0.02em;

        /* --- BORDER RADIUS --- */
        --radius-sm: 8px;
        --radius-md: 12px;
        --radius-lg: 16px;
        --radius-xl: 24px;
        --radius-full: 9999px;

        /* --- SHADOWS --- */
        --shadow-xs: 0 1px 2px rgba(43, 43, 43, 0.05);
        --shadow-sm:
                0 1px 3px rgba(43, 43, 43, 0.08),
                0 1px 2px rgba(43, 43, 43, 0.06);
        --shadow-md:
                0 4px 6px rgba(43, 43, 43, 0.07),
                0 2px 4px rgba(43, 43, 43, 0.06);
        --shadow-lg:
                0 10px 15px rgba(43, 43, 43, 0.08),
                0 4px 6px rgba(43, 43, 43, 0.05);
        --shadow-xl:
                0 20px 25px rgba(43, 43, 43, 0.1),
                0 10px 10px rgba(43, 43, 43, 0.04);
        --shadow-2xl:
                0 25px 50px rgba(43, 43, 43, 0.15);

        /* Colored Shadows */
        --shadow-primary: 0 8px 24px rgba(255, 107, 122, 0.25);
        --shadow-gold: 0 8px 24px rgba(212, 175, 122, 0.2);

        /* --- EFFECTS --- */
        --backdrop-blur: blur(20px);
        --backdrop-blur-heavy: blur(32px);

        /* --- TRANSITIONS --- */
        --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        --transition-bounce: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);

        /* --- Z-INDEX SCALE --- */
        --z-base: 1;
        --z-dropdown: 100;
        --z-sticky: 200;
        --z-overlay: 300;
        --z-modal: 400;
        --z-toast: 500;
}