/* ─────────────────────────────────────────────────────────────────────────
   Testpack — Design Tokens
   Aesthetic: Industrial Editorial / Lab Journal
   Sampled rust-brown from the printed business card panel.
   These tokens are the single source of truth — every page imports this.
   ─────────────────────────────────────────────────────────────────────── */

:root {
  /* Brand: saddle / rust brown — sampled from business card */
  --rust:        #8B3A1F;
  --rust-deep:   #5C2410;
  --rust-bright: #C25533;
  --rust-faded:  rgba(139, 58, 31, 0.08);

  /* Paper: warm cream — references unprinted fibreboard */
  --paper:       #F2EBE0;
  --paper-light: #FAF6EE;
  --paper-dark:  #E5DBC9;

  /* Ink + neutrals */
  --ink:         #1A0F0A;
  --ash:         #A39584;
  --ash-soft:    #C9BEAE;
  --white:       #FFFFFF;

  /* Accreditation magenta — BELAC brand asset, do not adjust */
  --belac:       #E5006A;

  /* Type stacks */
  --font-display: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif;
  --font-body:    'Newsreader', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'JetBrains Mono', monospace;

  /* Spatial: hex grid is the structural module */
  --hex-w:       56px;       /* honeycomb tile width  */
  --hex-h:       100px;      /* honeycomb tile height — flat-top hex tessellation */

  /* Motion */
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

  /* Edges */
  --hairline:    1px solid var(--ink);
  --hairline-rust: 1px solid var(--rust);
  --hairline-paper: 1px solid rgba(242, 235, 224, 0.18);
}