/* Original fine grain and woven petrol finishes, painted behind page content. */
:root {
    --b-grain: url("../images/baazi777/surface-grain.svg");
    --b-grain-size: 180px 180px;
}
body.baazi-site {
    background-image: var(--b-grain), radial-gradient(ellipse 1100px 700px at 100% 0, #1c6b733b, transparent 72%), radial-gradient(ellipse 900px 900px at 0 1100px, #c8ad7907, transparent 75%);
    background-size: var(--b-grain-size), auto, auto;
    background-repeat: repeat, no-repeat, no-repeat;
}
html[data-theme="light"] body.baazi-site {
    --b-page: #e9efea;
    --b-gloss-surface: linear-gradient(125deg, #ffffffde, #ffffff00 55%), linear-gradient(180deg, #f0f6ef, #dce9e2);
    --b-gloss-edge: #abc3b9;
    --b-gloss-shadow: 0 14px 32px #0c3b401c;
    background-image: var(--b-grain), radial-gradient(ellipse 1100px 700px at 100% 0, #0a555d1c, transparent 72%), radial-gradient(ellipse 900px 900px at 0 1100px, #b19a6510, transparent 75%);
}

/* The petrol navigation frame carries the identity through both themes. */
html[data-theme] body.baazi-site .header-nav {
    --b-text: #e8ece8;
    --b-muted: #b4c8c6;
    --b-gold: #c8ad79;
    --b-bright: #59d1cf;
    --b-page: #0a1d20;
    --b-line: #375458;
    --soft: #1b3b3e;
    --b-gloss-surface: linear-gradient(125deg, #ffffff0c, transparent 48%), linear-gradient(180deg, #19383b, #10292c 46%, #0e2326);
    --b-gloss-edge: #496769;
    --b-gloss-inset: inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #00000026;
    --b-gloss-shadow: 0 10px 25px #00000024;
    background-image: var(--b-grain), linear-gradient(115deg, #1c393d, #0a1d20 65%, #172f31);
    background-size: var(--b-grain-size), auto;
    background-repeat: repeat, no-repeat;
    box-shadow: inset 0 1px 0 #d9c29330, 0 10px 30px #04101426;
}
html[data-theme] body.baazi-site .header-menu .nav-link:hover { color: #e3cea3; }
body.baazi-site .header-menu .dropdown-menu {
    background-image: var(--b-grain), var(--b-gloss-surface);
    background-size: var(--b-grain-size), auto, auto;
}

body.baazi-site .hero-banner {
    background-image: var(--b-grain), repeating-linear-gradient(120deg, transparent 0 38px, #c8ad7906 38px 39px, transparent 39px 76px), radial-gradient(ellipse at 85% 15%, #c8ad7912, transparent 48%), radial-gradient(ellipse at 73% 58%, #0a79853b, transparent 60%);
    background-size: var(--b-grain-size), auto, auto, auto;
}
body.baazi-site .artwork-label,
body.baazi-site .artwork-bottom {
    background-image: var(--b-grain), linear-gradient(110deg, #1d4446, #0b2529 55%, #273e3f);
    background-size: var(--b-grain-size), auto;
}

/* The same fine texture on the interactive and informational surfaces. */
body.baazi-site .hero-records,
body.baazi-site .contact-strip,
body.baazi-site .winner-card,
body.baazi-site .market-grid .card,
body.baazi-site .hub-search-input,
body.baazi-site .hub-all-sessions,
body.baazi-site .hub-session-row,
body.baazi-site .hub-family-download .download-cta,
body.baazi-site .hub-family-download .download-cta:hover,
body.baazi-site .b-record-view .b-record-format,
body.baazi-site .modal-content,
body.baazi-site .sticky-download {
    background-image: var(--b-grain), var(--b-gloss-surface);
    background-size: var(--b-grain-size), auto, auto;
    background-repeat: repeat, no-repeat, no-repeat;
}
body.baazi-site .market-grid .card { border-top-color: #76938a; }
html[data-theme="light"] body.baazi-site .market-grid .card { border-top-color: #7f9f93; }

/* Textured paper remains calm beneath dense records and long-form copy. */
body.baazi-site .rates-frame,
body.baazi-site .hub-market-list,
body.baazi-site .b-record-view .b-record-group,
body.baazi-site .baazi-daily-card {
    background-image: var(--b-grain), var(--b-gloss-paper);
    background-size: var(--b-grain-size), auto, auto;
    background-repeat: repeat, no-repeat, no-repeat;
}
body.baazi-site .b-record-view .b-record-group-heading,
body.baazi-site .baazi-daily-card-heading {
    background-image: var(--b-grain), repeating-linear-gradient(120deg, transparent 0 30px, #e7d0a50b 30px 31px, transparent 31px 60px), linear-gradient(180deg, #226b72, #0d525b 49%, #0a4850 51%, #125b63);
    background-size: var(--b-grain-size), auto, auto;
}
body.baazi-site .journal-content,
body.baazi-site .b-legal-document,
body.baazi-site .b-reading-region > .chart-page,
body.baazi-site .b-editorial-content .seo-content {
    background-image: var(--b-grain), linear-gradient(125deg, #ffffffb3, #ffffff00 70%);
    background-size: var(--b-grain-size), 100% 190px;
    background-repeat: repeat, no-repeat;
}
body.baazi-site .accordionFAQ > .card {
    background-image: var(--b-grain), var(--b-gloss-soft);
    background-size: var(--b-grain-size), auto;
}
body.baazi-site .site-footer {
    background-image: var(--b-grain), radial-gradient(ellipse at 85% 0, #20525652, transparent 52%), linear-gradient(180deg, #10292c, #041014 65%);
    background-size: var(--b-grain-size), auto, auto;
    background-repeat: repeat, no-repeat, no-repeat;
}
@media (max-width: 991px) {
    body.baazi-site .header-menu {
        background-image: var(--b-grain), var(--b-gloss-surface);
        background-size: var(--b-grain-size), auto, auto;
    }
}