/* ===========================================================
   Dark theme for app.html / dashboard.html / model.html.

   coterie.css's whole color system already runs on CSS variables
   (--bg/--card/--ink/etc, plus a handful just extracted from hardcoded
   hex values specifically to make this possible). Redeclaring :root
   here overrides the entire surface system in one place instead of
   chasing individual selectors — this file is ONLY linked from the
   three pages above, so login/signup (own auth-dark.css), bio.html
   (self-contained, no coterie.css), and index.html (self-contained
   under .wg-root) are completely unaffected.
=========================================================== */
:root{
  --bg:#06080c; --card:#0d1218; --card-2:#10151c;
  --line:rgba(243,245,247,.10); --line-2:rgba(243,245,247,.16);
  --ink:#f3f5f7; --ink-2:#8a93a0; --ink-3:#5a6270;

  --blue-3:rgba(0,175,240,.16);
  --soft:#151b23; --soft-hover:#1c232c; --hover:#151b23; --surface:#10151c;
  --input-bg:#10151c; --media-bg:#151b23;
  --pink-tint:rgba(255,77,103,.14);
  --green-tint:rgba(34,197,94,.14); --green-tint-line:rgba(34,197,94,.35); --green-tint-ink:#3ddc97;
  --topbar-bg:rgba(6,8,12,.85);
  --overlay-scrim:rgba(0,0,0,.6);
  --shadow:0 8px 30px rgba(0,0,0,.45);

  /* dashboard.html-local rules read these via var(--x, <light-fallback>), so
     they only need a value here — no fallback edit required in dashboard.html */
  --gate-bg: radial-gradient(120% 85% at 18% 8%, rgba(0,175,240,.14), transparent 58%),
             radial-gradient(95% 75% at 92% 24%, rgba(255,77,103,.08), transparent 55%),
             #0d1218;
  --note-bg: rgba(255, 200, 87, .12);
  --note-line: rgba(255, 200, 87, .3);
  --note-ink: #ffcf6b;
}

/* locked-post blur scrim: was tuned for a light page, needs a touch more
   opacity on dark to still read as "frosted glass" rather than disappearing */
.post .media .lockui{ background:rgba(0,0,0,.35); }

/* scrollbars, since the whole app now sits on a dark surface */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--line-2); border-radius:8px; }