/* ============================================================
   FIELDDESK BRAND LAYER — loaded after assets/css/main.css.
   Applies brand v1.0 ("The Desk Rule") official tokens:
   · Type — Aquire/Archivo display · Archivo text · Newsreader
     editorial · IBM Plex Mono notation (self-hosted, OFL)
   · Colour — Desk Black / Paper / Annotation #D6482F accent /
     Aluminium muted (WCAG AA per guide §07/§12)
   · Status colours per token set
   Layout and components remain main.css's. Remove this <link> to revert.
   ============================================================ */

@import url('../assets/design-tokens/fielddesk-fonts.css');

:root{
  /* Type voices */
  --font-display:"Aquire","Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --font-body:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-serif:"Newsreader",Georgia,"Times New Roman",serif;

  /* Official palette mapped onto main.css tokens */
  --ink:#0B0B0C;            /* Desk Black */
  --ink-2:#0E0E10;
  --surface:#141518;        /* Ink */
  --surface-2:#1E2024;      /* Slate */
  --bone:#F7F5F0;           /* Paper */
  --bone-dim:#A7ABB2;       /* Aluminium — muted text, AA on dark */
  --gray:#A7ABB2;           /* Aluminium */
  --gray-soft:#6C7078;      /* Graphite — large text / graphics only */
  --line:#2C2F35;           /* Rule Dark */
  --line-strong:rgba(247,245,240,.24);

  /* Accent — Annotation (4.52:1 on Desk Black, AA) */
  --rust:#D6482F;
  --rust-bright:#D6482F;
  --rust-text:#D6482F;
  --rust-deep:#3D1712;
  --oxblood:#7A2A1C;
}

/* Notation voice — IBM Plex Mono */
.eyebrow,.overline,.card__format,.meta-row__label,.nav__menu-label,.nav__menu-tag,
.status-pill,.footer__division,.footer__copy,.hero__scroll,
.episode__num,.episode__tag,.gallery__cap,.ai-tag{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* Status colours per token set — development is quiet, published is green */
.status-pill{
  color:#A7ABB2;border-color:rgba(167,171,178,.45);
}
.status-pill--published,.nav__menu-tag--done{
  color:#5F8A6B;border-color:rgba(95,138,107,.5);
}

/* Real brand marks in header + footer */
.brand__logo{height:30px;width:auto;display:block}
.footer__brand .brand__logo{height:38px}