/* =========================================================
   RANGMAHOL — "Dark Frame · Ivory" theme
   Loaded ONLY on rangmahol.com (see layout.php). Nilkanth never
   loads this file, so its look is completely unchanged.
   Every rule is scoped to body.site-rangmahol.
   ========================================================= */

.site-rangmahol {
  --brand: #2e0712;        /* deep maroon — matches the header/footer/logo exactly */
  --brand-deep: #1e070c;   /* used by :active / .btn.deep */
  --bg: #f7f1e8;           /* ivory page */
  background: #f7f1e8;
}

/* ---------- Dark maroon header (matches the logo's background) ---------- */
.site-rangmahol .hdr { background: #2e0712; border-bottom: 1px solid rgba(212,175,90,.22); }
.site-rangmahol .hdr .back,
.site-rangmahol .hdr .ico { color: #d9b968; }                 /* gold icons on the dark bar */
.site-rangmahol .brand-logo img { mix-blend-mode: normal; }   /* logo already sits on matching maroon */
.site-rangmahol .brand-logo .brand-text { color: #e6c46a; }   /* text fallback, if no logo uploaded */

/* Big logo — filled to the header's top/bottom edges. max-width keeps it clear
   of the back/menu icons on narrow phones (height scales down with it). */
.site-rangmahol .hdr .wrap { height: 60px; }
.site-rangmahol .brand-logo img { height: 56px; max-width: 72vw; }
@media (min-width: 700px) { .site-rangmahol .hdr .wrap { height: 84px; } .site-rangmahol .brand-logo img { height: 76px; max-width: none; } }

/* Colour chips readable on the ivory body (default border is near-invisible here) */
.site-rangmahol .chip { background: #fff; border-color: #d8c6a8; color: #574a38; }
.site-rangmahol .chip.on { background: var(--brand); border-color: var(--brand); color: #f4e6c8; }

/* ---------- Gold story rings + profile ring ---------- */
.site-rangmahol .story .ring,
.site-rangmahol .bio .avatar { background: conic-gradient(from 210deg, #cfa64f, #e6c46a, #8a6a20, #cfa64f); }

/* ---------- Active tab in the wine accent (not ink) ---------- */
.site-rangmahol .tabs .t.on { color: var(--brand); border-top-color: var(--brand); }

/* ---------- Dark maroon footer with gold socials ---------- */
.site-rangmahol .ftr { background: #2e0712; }
.site-rangmahol .socials .soc { color: #e6c46a; background: rgba(212,175,90,.12); }
.site-rangmahol .socials .soc:hover { color: #2e0712; background: #e6c46a; transform: translateY(-2px); }