:root {
    /* === ENDLESS Fashion Jewellery - Luxury Palette === */
    --primary-gold: #C89B3C;
    --light-gold: #D9B66F;
    --dark-gold: #A67C2B;
    --border-gold: rgba(200,155,60,0.18);
    --border-gold-strong: rgba(200,155,60,0.35);

    --ivory: #F8F3E8;
    --cream: #FFFDF7;
    --warm-cream: #FFFEFB;
    --soft-beige: #E9DFCC;
    --champagne: #F5EBD3;
    --white: #FFFFFF;

    --charcoal: #163456;
    --text-main: #163456;
    --text-muted: #5D7185;
    --text-light: #9BA9B5;
    --border-light: #EFE8D5;
    --bg-soft: #F8F3E8;
    --bg-body: #FFFEFB;

    /* Legacy mapping for backward compatibility */
    --primary: var(--primary-gold);
    --primary-hover: var(--dark-gold);
    --primary-green: var(--primary-gold);
    --primary-green-hover: var(--dark-gold);
    --accent-gold: var(--primary-gold);
    --text-dark: var(--charcoal);
    --text-grey: var(--text-muted);
    --success: var(--primary-gold);
    --warning: #D9A441;
    --info: var(--dark-gold);
    --danger: #C0392B;
    --border-color: var(--border-light);
    --card-border: var(--border-light);

    /* 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);

    /* Spacing */
    --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;

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

    /* Shadows - luxury soft */
    --shadow-sm: 0 2px 12px rgba(51,51,51,0.06);
    --shadow-md: 0 8px 24px rgba(51,51,51,0.08);
    --shadow-lg: 0 16px 40px rgba(51,51,51,0.10);
    --shadow-hover: 0 20px 48px rgba(200,155,60,0.14);
    --shadow-card: 0 4px 20px rgba(51,51,51,0.05);
}