/* One dark world.
   The reels were coloured for their own products, which is why a bright panel
   sat on a dark field like a screenshot pinned to weather. Surfaces are pulled
   into the Furrell palette here; each product keeps its own accent hue so the
   four stay tellable apart. */

/* ---- Onsite: a white admin UI, so the biggest move ---- */
.r-root{
  --r-paper:#0E1215; --r-surface:#141A1E; --r-surface-2:#192026; --r-surface-3:#10151A;
  --r-ink:#F0F3F1; --r-ink-2:#A9B3AF; --r-ink-3:#78837F;
  --r-rule:rgba(255,255,255,.10); --r-rule-2:rgba(255,255,255,.18);
  --r-accent:#DCCFB2; --r-accent-2:#C8BCA0; --r-accent-soft:rgba(220,207,178,.15);
  --r-gold:#DCCFB2; --r-gold-soft:rgba(220,207,178,.14);
  --surface:#141A1E; --rule:rgba(255,255,255,.10);
  --ink:#F0F3F1; --ink-3:#78837F; --accent:#DCCFB2; --gold:#DCCFB2;
}
.r-frame{background:#0C1013}
.r-win{box-shadow:0 40px 90px -44px rgba(0,0,0,.95)}
.r-mullion i,.r-winframe{border-color:rgba(255,255,255,.12)}
.r-flash{background:#DCCFB2}

/* ---- Book of Intentions: already Midnight, just seat it in the field ---- */
.b-frame{background:#0C1013}
.b-sky{background:
  radial-gradient(120% 90% at 22% 12%,rgba(220,207,178,.10),transparent 58%),
  radial-gradient(90% 80% at 85% 80%,rgba(90,82,120,.14),transparent 60%),
  linear-gradient(#0E1013,#15131C)}
.b-aside h3{color:#F0EDE6}
.b-flash{background:#DCCFB2}

/* ---- Pottable: the room goes dark; the window keeps its sky, because the
   sky is the product. The frame stops being cream. ---- */
.p-frame{background:#0C1013}
.p-root{--pot:#9E5E3C; --pot-dark:#874B2E; --pot-rim:#AC6945}
.p-room{background:#0E1114}
.p-mullion i{background:#2A2F33}
.p-winframe{border-color:#2A2F33}
.p-sill{background:#20262A;border-top-color:#2A3034}
.p-win{box-shadow:0 40px 90px -44px rgba(0,0,0,.95)}
.p-note{background:#15191C;box-shadow:0 40px 80px -40px rgba(0,0,0,.95)}
.p-note h4,.p-note .p-sig{color:#F0F3F1}
.p-note p{color:#A9B3AF}
.p-note .p-wk{color:#78837F}
.p-note .p-sig{color:#8FC47E}
.p-flare{background:linear-gradient(#0D1116,#141A21)}
.p-flash{background:#DCCFB2}

/* ---- Dibs: dark already, aligned to the same depth ---- */
.d-frame{background:radial-gradient(120% 90% at 20% 10%,#171A2A,transparent 60%),linear-gradient(#0E1013,#14151F)}
.d-root{--d-bg:#0E1013; --d-bg2:#14151F; --d-card:#171A22; --d-line:rgba(255,255,255,.11);
  --d-ink:#F0F3F1; --d-dim:#A9B3AF; --d-faint:#78837F}
.d-pool{background:#0C0E13}
.d-task{background:#14171F}
.d-bub.d-them{background:#1B1F29}