/* ============================================================
   shared.css — Aesop Analytics
   Universal styles loaded by every page on the site.
   Core pages also load core.css.
   Article pages also load article.css.
   ============================================================ */

/* ── CSS Variables ── */
:root {
  --paper:#FBFAF5; --paper-2:#F3EFE6; --ink:#1B1B1B;
  --muted:#5A6775; --slate:#495867; --cream:#F3EFE6;
  --line:#E7E0D2; --rule:#D9CFBC;
  --navy:#0F1F38; --navy-2:#162A4A; --navy-3:#1E3555;
  --navy-foot:#08111F; --navy-mist:#D6DDE8;
  --twine:#C18C5D; --sepia:#98673A; --contessa:#CE796B; --apple:#B35546;
}

/* ── Reset ── */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }

/* ── Scroll-reveal animation ── */
.reveal { opacity:0; transform:translateY(14px); animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes rise { to { opacity:1; transform:none; } }