/* Liquid & Larder — styles shared by staff pages only. Load after core.css. */ /* v3: light paper theme only (dark theme retired with the v3 refresh). */ /* v7 (30 Jul 2026): colour tokens. No raw hex or rgba() below this point — the staff-only tokens live in the :root block that follows; the base palette lives in core.css v4. See the HOUSE RULE at the top of core.css. */ :root { /* --- chart / data-viz palette (metrics + Quality) --------------------- */ --chart-clay:#b08968; /* warm tan series: forecast line, 1-month return, weekday bars */ --chart-clay-deep:#9a7350; /* second stop of the weekend bar gradient */ --chart-stone:#9a8f7a; /* muted stone series: totals line, F bars, secondary axis labels */ --chart-nodata:#cccccc; /* a bar or point with no data behind it */ --err-soft:#c08a6e; /* first stop of the low-score gradient, runs into --err */ --dim-soft:#8b938e; /* the year sub-label under a chart axis (v8: was #9aa19d, 2.64:1 on --card — now 3.15:1) */ --dot-off:#cfc8bb; /* an inactive chip's dot */ /* --- gold / warn family ---------------------------------------------- */ --gold:#9a6b2f; --gold-rgb:154 107 47; --gold-ink:#8a5a24; /* --- VIP tier chips --------------------------------------------------- */ --tier-plat-bg:#e6e8ec; --tier-plat-ink:#5b6472; --tier-plat-bd:#cfd4dc; --tier-gold-bg:#f6e9c6; --tier-gold-ink:#7d5f0e; --tier-gold-bd:#e6d29a; /* v8: ink was #8a6a12, 4.19:1 — now 4.95:1 */ --tier-silver-bg:#e9edf1; --tier-silver-ink:#5c6b78; --tier-silver-bd:#d3dbe2; --tier-bronze-bg:#f0e0d0; --tier-bronze-ink:#8a5a2c; --tier-bronze-bd:#e0c8ad; } /* ========================================================================== v8 (30 Jul 2026) — dark theme, staff layer. The base palette's dark block lives in core.css v5; this is the staff-only half. Two light values were also corrected here for contrast, marked inline above. ========================================================================== */ :root[data-theme="dark"] { /* --- chart / data-viz palette ----------------------------------------- */ --chart-clay:#dba475; --chart-clay-deep:#ba8551; --chart-stone:#b5aa93; --chart-nodata:#3f4f4a; --err-soft:#daa082; --dim-soft:#78897f; --dot-off:#46564f; /* --- gold / warn family ---------------------------------------------- */ --gold:#dbae5f; --gold-rgb:219 174 95; --gold-ink:#e9c68a; /* --- VIP tier chips --------------------------------------------------- */ --tier-plat-bg:#26313a; --tier-plat-ink:#c4cdd9; --tier-plat-bd:#374551; --tier-gold-bg:#2e2f1d; --tier-gold-ink:#e6ca8e; --tier-gold-bd:#434427; --tier-silver-bg:#232f33; --tier-silver-ink:#bdccd7; --tier-silver-bd:#35434a; --tier-bronze-bg:#2f2a1f; --tier-bronze-ink:#e1b690; --tier-bronze-bd:#45392b; /* --- the primary data series, lifted so it reads on a dark card (7.4:1). core.css sets the light value; this is the dark one. --------------- */ --chart-accent:#82bfae; } body { padding:0 0 60px; } /* The bar is position:sticky, so once the page is scrolled it pins to the VIEWPORT's top - which in a standalone launch is underneath the clock and the battery, whatever padding carries. The inset therefore belongs to the bar itself: its blurred background extends up behind the status bar and its content starts below it. env() resolves to 0 in an ordinary tab, so this is a no-op everywhere else. core.css drops its own html padding-top when a topbar is present, so the two never double up. */ .topbar { position:sticky; top:0; z-index:40; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); background:rgb(var(--bg-rgb) / .75); border-bottom:1px solid var(--hairline); margin-bottom:38px; padding-top:env(safe-area-inset-top); } .topbar .bar { max-width:var(--page-w,1004px); margin:0 auto; padding:16px 22px; display:flex; justify-content:space-between; align-items:center; gap:14px; } .wrap { max-width:var(--page-w,1004px); margin:0 auto; padding:0 22px; animation:rise .5s ease both; } @keyframes rise { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } } h1.logo { width:172px; height:20px; background:var(--accent-ink); -webkit-mask:url(/assets/wordmark.svg) no-repeat left center / contain; mask:url(/assets/wordmark.svg) no-repeat left center / contain; } .sub { color:var(--dim); font-size:10px; letter-spacing:.24em; text-transform:uppercase; margin-top:5px; } .card { padding:28px; margin-bottom:26px; } .cardTitle { font-family:'Gilda Display',serif; font-size:19px; margin-bottom:20px; color:var(--accent-ink); } /* The bare-element trap, twin of core.css's `button` rule: EVERY