/* apeg.dev — design tokens (single source of truth for the whole site).
   Direction: "international typographic" / Swiss — paper, true black, one signal red.
   Change values here and every page that links this file updates at once. */
:root{
  --bg:#e6e9ed;          /* cool grey-blue paper */
  --bg2:#dde1e5;         /* surface */
  --bg3:#d2d7db;         /* deeper surface */
  --nav-bg:rgba(230,233,237,.85);  /* translucent nav (matches --bg) */
  --ink:#111111;         /* true near-black */
  --ink2:#2a2a26;
  --text:#3a3a35;
  --sub:#6e6c64;
  --light:#a3a096;
  --line:rgba(17,17,17,.10);
  --line2:rgba(17,17,17,.20);
  --accent:#e1261c;      /* signal red — the one color */
  --accent2:#b81d14;
  --accent-bg:rgba(225,38,28,.06);
  --teal:#2a2a26;        /* secondary slot kept monochrome (Swiss = one accent only) */
  --teal-bg:rgba(17,17,17,.05);
  --display:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --body:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono','IBM Plex Mono',monospace;
  --label:var(--body);   /* chart labels / eyebrow / captions — sans, not mono */
}
::selection{background:var(--accent);color:#fff}

/* shared one-line site footer (markup: <footer class="site-footer"> ... </footer>) */
.site-footer{margin-top:auto;border-top:1px solid var(--line);padding:.85rem clamp(1.5rem,5vw,2rem);
  display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.3rem .6rem;
  font-family:var(--mono);font-size:.55rem;letter-spacing:.04em;color:var(--sub);line-height:1}
.site-footer a{font:inherit;color:var(--sub);text-decoration:none;border:none;display:inline-flex;align-items:center;transition:color .2s}
.site-footer a:hover{color:var(--accent)}
.site-footer .nm{font:inherit;color:var(--ink2)}
.site-footer .sep{color:var(--line2)}
.site-footer .ic svg{width:13px;height:13px;display:block}