/* ============================================================
   Haryanvi Desi Ghee Theme — Color Palette & Bootstrap Overrides
   Editable from Admin > Templates > Customize
   ============================================================ */
:root {
    /* Brand palette (desi Haryanvi maroon + ghee gold) */
    --ghee-maroon: #7b1e22;
    --ghee-maroon-dark: #5a1216;
    --ghee-maroon-light: #9c2b30;
    --ghee-gold: #d9a441;
    --ghee-gold-light: #f0d089;
    --ghee-cream: #fdf6ec;
    --ghee-cream-dark: #f6e7cf;
    --ghee-green: #2f6b3c;
    --ghee-ink: #3a2119;

    /* Bootstrap mapping so all btn-primary / links inherit the brand */
    --bs-primary: #7b1e22;
    --bs-primary-rgb: 123, 30, 34;
    --bs-secondary: #d9a441;
    --bs-secondary-rgb: 217, 164, 65;
    --bs-success: #2f6b3c;
    --bs-danger: #b02a37;
    --bs-body-color: #3a2119;
    --bs-body-bg: #fdf6ec;

    --header-bg: #ffffff;
    --footer-bg: #5a1216;

    /* Typography */
    --font-head: 'Yatra One', 'Tiro Devanagari Hindi', cursive;
    --font-hindi: 'Tiro Devanagari Hindi', serif;
    --font-body: 'Mukta', 'Segoe UI', system-ui, sans-serif;
}

/* Bootstrap component overrides driven by the palette */
.btn-primary {
    --bs-btn-bg: var(--ghee-maroon);
    --bs-btn-border-color: var(--ghee-maroon);
    --bs-btn-hover-bg: var(--ghee-maroon-dark);
    --bs-btn-hover-border-color: var(--ghee-maroon-dark);
    --bs-btn-active-bg: var(--ghee-maroon-dark);
    --bs-btn-disabled-bg: var(--ghee-maroon);
}

.btn-outline-primary {
    --bs-btn-color: var(--ghee-maroon);
    --bs-btn-border-color: var(--ghee-maroon);
    --bs-btn-hover-bg: var(--ghee-maroon);
    --bs-btn-hover-border-color: var(--ghee-maroon);
    --bs-btn-active-bg: var(--ghee-maroon);
}

a {
    color: var(--ghee-maroon);
}

a:hover {
    color: var(--ghee-maroon-dark);
}

.text-primary {
    color: var(--ghee-maroon) !important;
}