/* ============================================================================
   juribooks-plain-v2.css — plain, neutral interface (emerald as the one accent).

   Pulls the content surfaces off the warm "Emerald & Brass" ivory and onto a
   plain, cool-neutral palette: white cards, a light-grey canvas, near-black
   neutral text, hairline grey rules. Retires brass entirely — a single,
   restrained emerald is the only accent (links, active nav, primary buttons,
   focus). The emerald rail stays as the one brand anchor, so the app still has
   an identity while the working pages read plain and well-formatted.

   Only tokens + a few rail-anchor fixups (where an emerald accent on the emerald
   rail would vanish). Loaded LAST so it wins the cascade. Presentation only.
   ========================================================================== */

/* ============================ LIGHT ============================ */
:root,
body[data-ui="clean"],
body[data-ui="classic"]{
  --paper:#F5F6F8;            /* canvas — cool light grey (was warm ivory) */
  --surface:#FFFFFF;          /* cards — plain white */
  --surface-2:#EEF0F3;        /* sunken / header fills */
  --surface-3:#E7EAEE;
  --line:#E3E6EA;             /* neutral hairline */
  --line-2:#D9DDE3;
  --line-strong:#C6CCD3;
  --ink:#191C20;             /* near-black, neutral (not warm green-black) */
  --ink-soft:#3B4149;
  --mute:#697079;
  --mute-2:#98a0a9;
  --navy:#0B4D3A;            /* the single accent — restrained emerald */
  --navy-700:#083C2E;
  --navy-300:#4C8A74;
  --fill-navy:#0B4D3A;
  --accent:#0B4D3A;          /* RETIRE brass → accent is emerald, one colour only */
  --on-navy:#FFFFFF;
  --balanced:#1E7A52;        /* success (semantic) */
  --credit:#B23A2E;          /* negative (semantic) */
  --flag:#9A7B1C;            /* warning — muted, less brassy */
  --ring:0 0 0 2px var(--surface),0 0 0 4px rgba(11,77,58,.34);
  --shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px -14px rgba(16,24,40,.14);
}

/* ============================ DARK ============================ */
:root[data-theme="dark"],
[data-theme="dark"] body[data-ui="clean"],
[data-theme="dark"] body[data-ui="classic"]{
  --paper:#15171B;           /* neutral charcoal (not emerald-charcoal) */
  --surface:#1D2025;
  --surface-2:#24282E;
  --surface-3:#2B2F36;
  --line:#2E333A;
  --line-2:#373D45;
  --line-strong:#454C55;
  --ink:#E7E9EC;
  --ink-soft:#C2C7CE;
  --mute:#99a0a9;
  --mute-2:#787f89;
  --navy:#3FA981;            /* accent emerald on dark */
  --navy-700:#2E7D5E;
  --navy-300:#6BC4A2;
  --fill-navy:#2E9B72;
  --accent:#3FA981;
  --on-navy:#0E1A15;
  --balanced:#47C08A;
  --credit:#E0776B;
  --flag:#CDB36A;
  --ring:0 0 0 3px rgba(63,169,129,.30);
  --shadow:0 2px 6px rgba(0,0,0,.5),0 14px 30px -14px rgba(0,0,0,.55);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#15171B; --surface:#1D2025; --surface-2:#24282E; --surface-3:#2B2F36;
    --line:#2E333A; --line-2:#373D45; --line-strong:#454C55;
    --ink:#E7E9EC; --ink-soft:#C2C7CE; --mute:#99a0a9; --mute-2:#787f89;
    --navy:#3FA981; --navy-700:#2E7D5E; --navy-300:#6BC4A2; --fill-navy:#2E9B72;
    --accent:#3FA981; --on-navy:#0E1A15;
    --balanced:#47C08A; --credit:#E0776B; --flag:#CDB36A; --ring:0 0 0 3px rgba(63,169,129,.30);
  }
}

/* ============================ RAIL ANCHOR FIXUPS ============================
   The rail stays emerald, but a few elements were tinted with --accent (brass)
   and would now be emerald-on-emerald. Give them a soft light tone so the rail
   reads cleanly. The wordmark itself keeps its ivory colour (set in brand-v2). */
.rail .jb-brandmark-txt span{ color:rgba(255,255,255,.60) !important; }   /* strapline: quiet white, not accent */
.rail .jb-brandmark::after{ background:linear-gradient(90deg,rgba(255,255,255,.42),transparent) !important; }  /* keyline: soft white */
#nav .jb2-item.on .jb2-bar{ background:rgba(255,255,255,.88) !important; }  /* active marker: light on the emerald rail */

/* the sign-in signature rule was brass; make it the neutral accent */
#authOverlay .card::before, #authOverlay .auth-card::before{
  background:linear-gradient(90deg,var(--navy),transparent) !important;
}