/* Petrol Frame finish: light on the surface, never over text or result values. */
body.baazi-site {
    --b-gloss-surface: linear-gradient(125deg, #ffffff0c, transparent 48%), linear-gradient(180deg, #19383b, #10292c 46%, #0e2326);
    --b-gloss-soft: linear-gradient(120deg, #ffffff08, transparent 58%);
    --b-gloss-edge: #496769;
    --b-gloss-inset: inset 0 1px 0 #ffffff1f, inset 0 -1px 0 #00000026;
    --b-gloss-shadow: 0 12px 30px #00000024;
    --b-gloss-paper: linear-gradient(135deg, #ffffffc2, #ffffff00 48%), linear-gradient(180deg, #f2f5ed, #e4ece6);
    background-image: radial-gradient(ellipse 1050px 680px at 100% 0, #12626b29, transparent 72%);
    background-repeat: no-repeat;
}
html[data-theme="light"] body.baazi-site {
    --b-gloss-surface: linear-gradient(125deg, #ffffff, #ffffff00 50%), linear-gradient(180deg, #f9fcf8, #e9f1ec);
    --b-gloss-soft: linear-gradient(120deg, #ffffffb3, #ffffff00 58%);
    --b-gloss-edge: #b9cdc4;
    --b-gloss-inset: inset 0 1px 0 #fff, inset 0 -1px 0 #0a555d0a;
    --b-gloss-shadow: 0 12px 30px #16474412;
    background-image: radial-gradient(ellipse 1050px 680px at 100% 0, #0a555d12, transparent 72%);
}

/* Opaque navigation keeps its contrast while scrolling over every page. */
body.baazi-site .header-nav {
    background: linear-gradient(115deg, #173236, #0a1d20 65%, #142b2d);
    box-shadow: inset 0 1px 0 #ffffff12, 0 8px 30px #00000029;
}
body.baazi-site .header-menu { box-shadow: inset 0 1px 0 #ffffff06; }
html[data-theme="light"] body.baazi-site .header-nav {
    background: linear-gradient(115deg, #fff, #edf4ef 65%, #f6f8ef);
    box-shadow: inset 0 1px 0 #fff, 0 8px 30px #16474414;
}
body.baazi-site .header-menu .dropdown-menu,
body.baazi-site .theme-toggle,
body.baazi-site .navbar-toggler,
body.baazi-site .scroll-to-top-btn {
    background: var(--b-gloss-surface);
    border-color: var(--b-gloss-edge);
    box-shadow: var(--b-gloss-inset), var(--b-gloss-shadow);
}

/* The portrait stays unobscured; the surrounding frame catches the light. */
body.baazi-site .hero-banner {
    background: radial-gradient(ellipse at 85% 20%, #c8ad7910, transparent 47%), radial-gradient(ellipse at 73% 58%, #0a79853b, transparent 60%);
    box-shadow: inset 0 1px 0 #ffffff08, inset 0 -1px 0 #ffffff06;
}
body.baazi-site .hero-artwork {
    border-color: #a891625e;
    box-shadow: 12px 12px 0 -1px var(--b-page), 12px 12px 0 0 var(--b-gloss-edge), 0 24px 54px #0000002b;
}
body.baazi-site .artwork-label,
body.baazi-site .artwork-bottom {
    background: linear-gradient(110deg, #173b3e, #0b2529 55%, #203638);
    box-shadow: inset 0 1px 0 #ffffff17;
}
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 .b-record-view .b-record-format {
    background: var(--b-gloss-surface);
    border-color: var(--b-gloss-edge);
    box-shadow: var(--b-gloss-inset), var(--b-gloss-shadow);
}
body.baazi-site .contact-strip { border-left-color: #c8ad79; }
body.baazi-site .market-grid .card:hover { border-color: #a99269; }
body.baazi-site .hub-search-input:focus-within {
    border-color: var(--b-bright);
    box-shadow: var(--b-gloss-inset), 0 0 0 2px var(--b-bright);
}
body.baazi-site .hero-record-icon,
body.baazi-site .time,
body.baazi-site .contact-cta,
body.baazi-site .hub-session-chart,
body.baazi-site .hub-rail nav a,
body.baazi-site .b-page-frame .chart-actions .btn,
body.baazi-site .b-archive-section #goToBottom {
    background-image: var(--b-gloss-soft);
    box-shadow: var(--b-gloss-inset);
}
/* These controls retain dark bases in both themes, so their reflection stays low. */
body.baazi-site .contact-cta[href*="wa.me"],
body.baazi-site .b-page-frame .chart-actions .btn,
body.baazi-site .b-archive-section #goToBottom {
    background-image: linear-gradient(120deg, #ffffff12, #ffffff00 58%);
}

/* Champagne buttons share one finish, including the fixed mobile action. */
body.baazi-site .download-cta:not(.sticky-download),
body.baazi-site .b-page-frame .download-button,
body.baazi-site .sticky-download > span {
    background: linear-gradient(180deg, #f2e5c9 0%, #e0c797 46%, #cfb17a 49%, #dfc596 100%);
    border-color: #e1cb9f;
    color: #102528;
    box-shadow: inset 0 1px 0 #fff9, inset 0 -1px 0 #8b693d38, 0 6px 18px #c8ad7914;
}
body.baazi-site .download-cta:not(.sticky-download):hover,
body.baazi-site .b-page-frame .download-button:hover {
    background: linear-gradient(180deg, #f7ebd2, #e9d3ad 46%, #ddbf8c 49%, #e9d2a8);
}
body.baazi-site .hub-family-download .download-cta {
    background: var(--b-gloss-surface);
    border-color: var(--b-gloss-edge);
    color: var(--b-text);
    box-shadow: var(--b-gloss-inset);
}
body.baazi-site .hub-family-download .download-cta:hover {
    background: var(--b-gloss-surface);
    color: var(--b-text);
    border-color: var(--b-gold);
}
body.baazi-site .sticky-download { background: var(--b-gloss-surface); }

/* Ivory stays comfortable for long reading and densely populated records. */
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: var(--b-gloss-paper);
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #0a555d12, var(--b-gloss-shadow);
}
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: linear-gradient(125deg, #ffffffb3, #ffffff00 70%);
    background-size: 100% 190px;
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 #fff, var(--b-gloss-shadow);
}
body.baazi-site .hub-market-link { box-shadow: inset 0 1px 0 #ffffffa1; }
body.baazi-site .hub-market-open {
    background: linear-gradient(160deg, #edf5e9, #c6d9ce);
    box-shadow: inset 0 1px 0 #fff, 0 2px 5px #0a555d12;
}
body.baazi-site .b-record-view .b-record-group-heading,
body.baazi-site .baazi-daily-card-heading {
    background: linear-gradient(115deg, #ffffff0c, #ffffff00 58%), linear-gradient(180deg, #226b72, #0d525b 49%, #0a4850 51%, #125b63);
    box-shadow: inset 0 1px 0 #ffffff45;
}
body.baazi-site .b-record-view .b-record-field--pair .b-record-value,
body.baazi-site .b-record-view .b-record-pair-token,
body.baazi-site .b-record-view .is-highlighted .b-record-field--pair .b-record-value,
body.baazi-site .b-record-view .is-highlighted .b-record-pair-token {
    /* Only an image layer: the existing red highlight backgrounds stay intact. */
    background-image: linear-gradient(155deg, #ffffffb3, #ffffff00 65%);
    box-shadow: inset 0 1px 0 #ffffffc2, 0 2px 4px #0a555d0a;
}
body.baazi-site .accordionFAQ > .card {
    background-image: var(--b-gloss-soft);
    box-shadow: inset 0 1px 0 #ffffff0a;
}

/* Dialogs and footer use the same material as the page chrome. */
body.baazi-site .modal-content {
    background: var(--b-gloss-surface);
    border-color: #b79c6b;
    box-shadow: var(--b-gloss-inset), 0 30px 90px #0008;
}
body.baazi-site .modal-content > .card { background: transparent; }
body.baazi-site .modal .close { background: var(--b-gloss-surface); box-shadow: var(--b-gloss-inset); }
body.baazi-site .modal .table th,
body.baazi-site .modal .table td,
body.baazi-site .modal .table tr:first-child th { font-size: 12px; }
body.baazi-site .site-footer {
    background: radial-gradient(ellipse at 85% 0, #20525652, transparent 52%), linear-gradient(180deg, #0c2226, #041014 65%);
    box-shadow: inset 0 1px 0 #ffffff17;
}

/* Small gold labels on ivory use a deeper champagne tone for legibility. */
html[data-theme="light"] body.baazi-site .market-result strong,
html[data-theme="light"] body.baazi-site .market-result h3,
html[data-theme="light"] body.baazi-site .market-symbol,
html[data-theme="light"] body.baazi-site .time,
html[data-theme="light"] body.baazi-site .hero-record-icon,
html[data-theme="light"] body.baazi-site .hero-records > span:last-child,
html[data-theme="light"] body.baazi-site .winner-rank,
html[data-theme="light"] body.baazi-site .market-links .btn > span,
html[data-theme="light"] body.baazi-site .faq-heading strong,
html[data-theme="light"] body.baazi-site .modal .table th { color: #765b2b; }
html[data-theme="light"] body.baazi-site .modal .table th.green { color: #0a6153; }
html[data-theme="light"] body.baazi-site .modal .table th.red { color: #a02c3c; }
html[data-theme="light"] body.baazi-site .header-menu .nav-link:hover,
html[data-theme="light"] body.baazi-site .contact-cta:not([href*="wa.me"]):hover,
html[data-theme="light"] body.baazi-site .contact-cta:not([href*="wa.me"]) > span:last-child { color: #765b2b; }
html[data-theme="light"] body.baazi-site .hub-session-chart:hover {
    background: linear-gradient(180deg, #1b646b, #0a555d);
    color: #fff;
    border-color: #0a555d;
}
html[data-theme="light"] body.baazi-site .b-page-frame a:focus-visible,
html[data-theme="light"] body.baazi-site .b-page-frame button:focus-visible { outline-color: #08616a; }

/* Gloss is static, inexpensive to render, and does not intercept interaction. */
@media (max-width: 991px) {
    body.baazi-site .header-menu { background: var(--b-gloss-surface); }
}
@media (max-width: 640px) {
    body.baazi-site .hero-artwork {
        box-shadow: 8px 8px 0 -1px var(--b-page), 8px 8px 0 0 var(--b-gloss-edge), 0 16px 32px #00000024;
    }
}