:root {
    --az-gold: #C6A24B;
    --az-gold-light: #EAD38A;
    --az-gold-dark: #8F6B1D;

    --az-black: #0D0C0A;
    --az-dark: #15130F;
    --az-dark-soft: #211D18;

    --az-white: #FFFFFF;
    --az-ivory: #F8F5EF;
    --az-card: #FFFFFF;

    --az-text: #1B1814;
    --az-text-soft: #6A635A;
    --az-text-light: #FFFFFF;

    --az-border: rgba(198, 162, 75, .25);

    --az-radius-sm: 10px;
    --az-radius: 18px;
    --az-radius-lg: 28px;

    --az-shadow: 0 20px 50px rgba(0, 0, 0, .12);
    --az-shadow-lg: 0 35px 80px rgba(0, 0, 0, .22);


    /* ------------------------------------------------------
       Compatibility aliases for dynamic footer social partial
       Keeps the old DB-driven SVG icons working inside V2.
    ------------------------------------------------------ */
    --azzam-primary: var(--az-gold);
    --azzam-primary-light: var(--az-gold-light);
    --azzam-primary-dark: var(--az-gold-dark);

    --azzam-primary-rgb: 198, 162, 75;
    --azzam-primary-light-rgb: 234, 211, 138;

    --azzam-dark: var(--az-black);
    --azzam-dark-rgb: 13, 12, 10;

    --azzam-card: var(--az-white);
    --azzam-card-rgb: 255, 255, 255;

    --azzam-danger: #b42318;
    --azzam-info: #2f6fb0;
    --azzam-success: #8f6b1d;

}