/* ============ CREAM — the site on the brand's warm off-white ============
   The production stylesheet (owner decision 9/19; src/web/theme.ts). Every
   rule in site.css still applies (imported first); this file only re-maps
   the palette tokens and the handful of rules over there that carry a
   hard-coded ink or ivory instead of a token. Layout, type, spacing and
   components live in site.css. */
@import url("/site.css");

:root{
  /* Page + surfaces: cream page, near-white cards, deeper cream bands. */
  --bg:#F2EDE1; --surface:#FBF8F1; --raise:#EAE3D2; --line:#D8CFBB;
  --hair:rgba(14,26,21,.12); --edge:#BFB399;
  /* Ink type at three strengths. */
  --fg:#0E1A15; --dim:rgba(14,26,21,.78); --faint:rgba(14,26,21,.58);
  /* Orange, one step deeper than the court's #ED8A23 so eyebrows, links and
     labels stay readable on cream; the hover brightens to the brand orange.
     Buttons keep ink text on orange. */
  --orange:#D9771A; --orange-hi:#ED8A23; --onOrange:#0E1A15;
  /* Win / loss at the depths the court already uses on its cream block. */
  --win:#137A4A; --loss:#B8332B;
}
html{color-scheme:light}

/* ---- Header / nav: the sticky bar's frosted tint was ink, now cream ---- */
.nav,.site-header{background:rgba(242,237,225,.92)}
@media (max-width:860px){
  .site-header .nav{box-shadow:0 18px 34px rgba(14,26,21,.16)}
}

/* ---- Row hovers and ghost buttons: ivory washes become ink washes ---- */
.tbl tbody tr:hover{background:rgba(14,26,21,.04)}
.receipts tbody tr:hover td{background:rgba(14,26,21,.04)}
.btn-ghost:hover{background:rgba(14,26,21,.05)}

/* ---- Inputs: a touch whiter than the page so fields read as fields ---- */
input,textarea{background:#FFFDF8!important}
.field .inp{background:#FFFDF8}

/* ---- Split proof: the "what they hide / what we show" pair flips, so the
   receipt side is the one that contrasts with the page (ink on cream page,
   where the court has cream on ink). ---- */
.side-b{background:#0E1A15;color:#F2EDE1}
.side-b .side-lb{color:#FFA23C}
.side-b .pos{color:#5FD99A} .side-b .neg{color:#FF6B5E}
.side-b p{color:rgba(242,237,225,.7)}
.receipt{border-color:rgba(242,237,225,.18)}
.rr{border-bottom-color:rgba(242,237,225,.1)}
.rr.hd{background:rgba(242,237,225,.06)}

/* ---- Small hard-coded bits ---- */
.pip{background:#D8CFBB}
.pcard.first{box-shadow:0 0 44px rgba(237,138,35,.2)}
.losscard{background:rgba(184,51,43,.06)}
/* The on-air pill was a white box on ink; on cream it is an ink box. */
.live-pill{background:#0E1A15;color:#F2EDE1}