:root {
    /* === Core Brand Colors === */
    /* Vibrant Metallic Gold (Primary Action Color) */
    --brand-gold:   #C4924D; 
    /* Deep Maroon (For Contrast & Text) */
    --brand-maroon: #5E171E; 
    /* Pure White (Clean Luxury Look) */
    --brand-white:  #FFFFFF;
    /* Rich Charcoal (For paragraphs) */
    --brand-dark:   #2B2B2B;

    /* === Usage Mapping === */
    /* Primary: Buttons ab Gold honge (Luxury feel) */
    --primary-color: var(--brand-gold);
    /* Button text color needs to be white or dark maroon for readability */
    --primary-btn-text: #FFFFFF; 

    /* Secondary: Headings aur Footer background Maroon hoga */
    --secondary-color: var(--brand-maroon);

    /* Success: A deeper Forest Green for elegance */
    --success-color: #4A6B44;

    /* === Hover States === */
    /* Gold gets slightly darker/bronze on hover */
    --primary-color-onhover: #A37638;
    /* Maroon gets almost black on hover */
    --secondary-color-onhover: #3D0D11;

    /* === Soft Backgrounds === */
    --primary-soft: #FFF9F0;   /* Very pale Gold tint for backgrounds */
    --secondary-soft: #F5E6E8; /* Pale Rose tint */
    --success-soft: #EDF7EA;

    /* === Global Background & Text === */
    --body-bg: var(--brand-white); /* Crisp White for modern look */
    --text-main: var(--brand-dark);
    --text-headings: var(--brand-maroon); /* Headings Maroon color mein */

    /* === Focus / Border === */
    --border-focus: 2px solid var(--brand-gold);

    /* === Gradient (Horizontal Luxury Stripe) === */
    /* Gold to Maroon horizontal flow */
    --brand-gradient: linear-gradient(
        90deg, 
        #C4924D 0%,    /* Gold Start */
        #96583A 50%,   /* Copper Center */
        #5E171E 100%   /* Maroon End */
    );
}