:root {
    /* === Varniraj Moti Lace Maker - Brand Palette === */
    --royal-purple: #393185;
    --royal-purple-dark: #2E2770;
    --royal-purple-light: #4F46A0;
    --royal-purple-soft: #F2F0FF;
    --magenta: #E5097F;
    --magenta-hover: #C6086E;
    --magenta-light: #FF2B99;
    --light-pink: #F17BBA;
    --light-pink-soft: #FDE6F2;
    --light-pink-bg: #FFF0F7;
    --pink-gradient: linear-gradient(135deg, #FFF0F7 0%, #FDE6F2 50%, #FFE4F0 100%);
    --purple-gradient: linear-gradient(135deg, #393185 0%, #4F3DAA 100%);
    --magenta-gradient: linear-gradient(135deg, #E5097F 0%, #F17BBA 100%);

    --white: #FFFFFF;
    --bg-body: #FFFFFF;
    --bg-soft: #FFF8FC;
    --ivory: #FFF8FC;
    --cream: #FFF0F7;

    --charcoal: #393185;
    --text-main: #1A1840;
    --text-muted: #6B6B8A;
    --text-light: #9AA0C7;
    --border-light: #EDE8F5;
    --border-purple: rgba(57,49,133,0.12);
    --border-purple-strong: rgba(57,49,133,0.22);
    --border-pink: rgba(229,9,127,0.14);

    /* Legacy mapping */
    --primary-gold: var(--magenta);
    --light-gold: var(--light-pink);
    --dark-gold: var(--royal-purple);
    --border-gold: var(--border-purple);
    --border-gold-strong: var(--border-purple-strong);
    --primary: var(--royal-purple);
    --primary-hover: var(--royal-purple-dark);
    --accent-gold: var(--magenta);

    /* Typography */
    --font-serif: 'Cormorant Garamond', 'Playfair Display', serif;
    --font-display: 'Playfair Display', serif;
    --font-sans: 'Montserrat', 'Poppins', sans-serif;
    --font-body: 'Inter', 'Montserrat', sans-serif;

    --font-h1: clamp(2.2rem, 5vw, 3.6rem);
    --font-h2: clamp(1.7rem, 3vw, 2.4rem);
    --font-h3: clamp(1.3rem, 2.2vw, 1.6rem);

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 16px;
    --space-xl: 20px;
    --space-2xl: 24px;
    --space-3xl: 32px;
    --space-4xl: 40px;
    --space-5xl: 48px;
    --space-6xl: 64px;
    --space-7xl: 80px;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 24px;
    --radius-round: 50%;

    --shadow-sm: 0 2px 12px rgba(57,49,133,0.06);
    --shadow-md: 0 8px 24px rgba(57,49,133,0.08);
    --shadow-lg: 0 16px 40px rgba(57,49,133,0.10);
    --shadow-hover: 0 20px 48px rgba(229,9,127,0.12);
    --shadow-card: 0 4px 20px rgba(57,49,133,0.06);
}