/* THE AVILA COLLECTION — colour system revision, 14 September 2026
   Loads LAST, after avila-icons.css. Token-level revision only: no typography, spacing,
   photography, icon, layout or responsive change. Reversible by removing this one <link>.

   FINAL PALETTE
     ivory       #f4efe6   primary light ground
     lavender    #b58fb8   expressive colour panels
     violet      #8a6fa9   frames, rules, secondary accents
     mauve       #9b7e9e   quiet supporting pattern
     peacock     #0f5c5f   controlled jewel-tone interruption
     deep plum   #4a163d   ceremonial dark
     near-black  #0a0808   footer, primary ink, deepest contrast
     gold        #c8a364   restrained highlights, primary CTA only

   Espresso #2b1a12 is withdrawn from every background field, every ink, and every ornament.
   The token --anchor-espresso is retained but re-pointed at near-black so any rule in the
   earlier stylesheets that still references it resolves to the new system rather than brown.

   PAGE RHYTHM: ivory -> lavender -> ivory -> violet wash -> deep plum -> near-black.
   Peacock is an interruption inside that rhythm, not a stage of it. */

:root{
  /* ---- withdrawn: brown anchors re-pointed ---- */
  --anchor-espresso:#0a0808;              /* was #2b1a12 espresso */
  --near-black:#0a0808;                   /* was #1a1414 warm off-black */
  --peacock:#0f5c5f;                      /* new */
  --deep-plum:#4a163d;                    /* ceremonial dark — replaces oxblood #6f1214 */
  /* Every red in the earlier stylesheets is re-pointed here, so no red and plum tokens
     compete and no visible red treatment survives anywhere on the public site. */
  --burgundy:var(--deep-plum);            /* was #6f1214 */
  --anchor-burgundy:var(--deep-plum);     /* was #3e0202 */

  /* ---- light surfaces cooled off tan, ivory unchanged ---- */
  --surface-2:#ebe5ec;                    /* was #ede4d3 cream */
  --surface-3:#e9e1ea;                    /* was #e8dcc4 tan  — light ink on dark grounds */
  --surface-4:#d8cade;                    /* was #ddd0be tan  — quiet ink on dark grounds */

  /* ---- roles ---- */
  --ground-deep:var(--deep-plum);         /* closing invitation */
  --ink-soft:#3d3743;                     /* was #5a4a42 espresso tint */
  --rule:#c3b3cb;                         /* was #c4b39d tan */
  --rule-soft:#ded5e2;                    /* was #ddd0be tan */
  --frame:var(--violet);
  --frame-quiet:#c3b3cb;
  --focus:var(--deep-plum);
}

/* ---------- lavender panels: ink to near-black, frames to violet ---------- */
.panel .eyebrow,.panel p{color:#0a0808}
.panel .framed::before{border-color:var(--violet)}
.panel a{text-decoration-color:#0a0808}

/* ---------- closing invitation: deep plum, ivory ink, gold CTA ---------- */
.close{background:var(--deep-plum);color:var(--surface-1)}
.close .btn--primary{color:#0a0808}
.close .btn--quiet{border-bottom-color:rgba(244,239,230,.45)}

/* ---------- footer: near-black ---------- */
footer.foot{background:#0a0808}

/* ---------- peacock, used three times ----------
   1 · the Remote Design Direction panel on Approach — ivory on peacock is 6.75:1
   2 · one subtle homepage detail: the gallery disclosure hairlines
   3 · the active state on links across the site */
#remote.panel{background:var(--peacock);color:var(--surface-1)}
#remote.panel .eyebrow{color:var(--surface-4)}
#remote.panel h2{color:var(--surface-1)}
#remote.panel p{color:var(--surface-1)}
#remote.panel a{color:var(--surface-1);text-decoration-color:var(--gold)}
#remote.panel a:hover{text-decoration-color:var(--surface-1)}
#remote.panel :where(a,button):focus-visible{outline-color:var(--gold)}

.disclosure{border-top-color:var(--peacock);border-bottom-color:var(--peacock)}

a:active{color:var(--peacock)}

/* ---------- ornament geometry ----------
   Every ornament is re-derived from its supplied source with RGB set to near-black #0a0808
   (Decorative Key to deep plum #4a163d, the one ceremonial mark), each pixel keeping its own
   alpha. Three files land on a marginally different bounding box than the brown versions, so
   their aspect ratios are restated here; the drawings themselves are unchanged. */
.orn-underwordmark{aspect-ratio:7148/784}
#h-tension::before{aspect-ratio:898/886}
.orn-method{aspect-ratio:307/875}