/* ============================================================
   BLACK IRIS — site-wide theme layer
   Re-maps every legacy palette variable onto the new identity.
   Loaded last on every page. Touches colour and type only:
   no layout, no logic, no instrument behaviour.
   ============================================================ */

:root{
  /* ── ground ─────────────────────────────────────────── */
  --black:#060507 !important;
  --bg:#060507 !important;
  --obsidian:#060507 !important;
  --carbon:#0d0a11 !important;
  --black-2:#0d0a11 !important;
  --panel:#0d0a11 !important;
  --panel2:#120c1b !important;
  --panel3:#160f22 !important;
  --bg2:#120c1b !important;
  --edge:#241a33 !important;
  --line:rgba(239,237,231,.16) !important;

  /* ── accent: violet replaces acid everywhere ────────── */
  --acid:#b783ff !important;
  --lime:#b783ff !important;
  --green:#b783ff !important;
  --cyan:#b783ff !important;
  --cy:#b783ff !important;
  --cyd:#8d42e8 !important;
  --cobalt:#6f2cff !important;
  --cobalt-dim:#2a1050 !important;
  --ro:#b783ff !important;
  --volt:#6f2cff !important;

  /* ── type ───────────────────────────────────────────── */
  --ink:#efede7 !important;
  --text:#efede7 !important;
  --bone:#efede7 !important;
  --blue:#efede7 !important;
  --gray:#96909d !important;
  --muted:#96909d !important;
  --ash:#96909d !important;
  --faint:#6b6577 !important;
  --gray-d:#6b6577 !important;
  --muted2:#6b6577 !important;
  --gray-l:#cfc8d6 !important;

  /* ── semantic data colours: kept distinguishable ────── */
  --neg:#ff5f7a !important;
  --anger:#ff5f7a !important;
  --red:#ff5f7a !important;
  --coral:#ff7a5f !important;
  --warn:#ffc857 !important;
  --amber:#ffc857 !important;
  --pos:#b783ff !important;
  --joy:#b783ff !important;
  --neu:#8079a0 !important;
  --disap:#8079a0 !important;
  --conf:#8d8dff !important;
  --desire:#e07ad0 !important;
  --frust:#ff9a5f !important;
  --bcol:#d46bd4 !important;

  /* ── the light wing (stories, reading room) ─────────── */
  --paper:#e8e4db !important;
  --bg-cream:#f2efe8 !important;
  --green-deep:#6f2cff !important;
  --green-light:#cbb4ff !important;
  --rose:#b783ff !important;
  --rose-deep:#6f2cff !important;
  --rose-light:#d9c4ff !important;
}

/* the light-surface pages keep a warm page but move to iris ink */
body[style*="f5f3ee"], .paper-surface{ background:#e8e4db !important; }

/* ── typography: identity faces, display left intact ─── */
body, p, li, td, th, input, textarea, select, button,
.desc, .use, .role, .lead, .body{
  font-family:'Manrope', system-ui, -apple-system, Arial, sans-serif !important;
}
code, pre, .mono, [class*="mono"]{
  font-family:'Roboto Mono', ui-monospace, monospace !important;
}

/* violet selection + focus, everywhere */
::selection{ background:#6f2cff; color:#efede7; }
a:focus-visible, button:focus-visible, summary:focus-visible,
[tabindex]:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, [role="button"]:focus-visible{
  outline:2px solid #b783ff !important; outline-offset:3px !important;
}

/* legacy hard-coded acid that never went through a variable */
[style*="#c8ff00"], [style*="#C8FF00"]{ color:#b783ff !important; }


/* ── light-ground pages: restore dark ink where the ground is paper ──
   The :root layer above forces light type for the dark pages; any page whose
   body carries .bi-light gets its semantic palette back (dark text on paper). */
.bi-light{
  --ink:#14121a !important; --text:#14121a !important; --bone:#100d14 !important;
  --blue:#14121a !important;
  --gray:#5b5566 !important; --muted:#6b6577 !important;
  --line:rgba(9,9,9,.16) !important;
}

/* ── the beam: a violet point of light travelling the edges of a rectangle ── */
@property --ba{syntax:'<angle>';inherits:false;initial-value:0deg}
.callout{position:relative}
.callout::after{content:"";position:absolute;inset:-1px;pointer-events:none;padding:1px;
  background:conic-gradient(from var(--ba),transparent 0 88%,rgba(183,131,255,.85) 95%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:beamSpin 8s linear infinite}
@keyframes beamSpin{to{--ba:360deg}}
@media(prefers-reduced-motion:reduce){.callout::after{animation:none;display:none}}

/* pages whose whole ground is paper get their full original palette back */
.bi-paper{
  --bg:#e8e4db !important; --bg-2:#ded7ea !important; --bg-cream:#f2efe8 !important;
  --ink:#100d14 !important; --ink-2:#4a5640 !important; --text:#100d14 !important;
  --bone:#100d14 !important;
  --muted:#6b6577 !important; --muted-2:#8ca37f !important; --gray:#5b5566 !important;
  --line:rgba(9,9,9,.14) !important; --line-2:rgba(9,9,9,.24) !important;
}