/* ==========================================================================
   ARQIVE — customization layer
   Every brand-critical value lives here. Edit this file to rebrand the
   template; you should not need to touch index.html for a colour/type change.
   ========================================================================== */

:root{
  /* ---------- Core palette ---------- */
  --ink:#0A0A0A;      /* near-black: body text, dark sections, footer      */
  --paper:#FFFFFF;    /* page background                                   */
  --bone:#F1EFEA;     /* off-white surface: alt section bands, cards       */
  --smoke:#6A6763;    /* muted text: captions, meta, mono labels           */
  --hair:#DCD8D1;     /* hairline rules and borders                        */

  /* ---------- Accent ---------- */
  --flare:#FF3B00;    /* THE accent: ticker slashes, selection, focus ring */

  /* ---------- Type ---------- */
  --font-display:'Anton', Impact, sans-serif;              /* headlines, wordmark */
  --font-body:'Archivo', system-ui, sans-serif;            /* body copy           */
  --font-mono:'JetBrains Mono', ui-monospace, monospace;   /* labels, prices      */

  /* ---------- Shape & rhythm ---------- */
  --radius:0px;                    /* hard edges are the brand — raise to soften */
  --pad:clamp(20px, 5vw, 64px);    /* page gutter: 20px mobile → 64px desktop    */
}