/* ─────────────────────────────────────────────────────────────────────────
   Testpack — Mockup 02 (Corporate Standard) — Design Tokens
   Same brand palette as Mockup 01. Conventional B2B treatment:
   paper-light dominant, rust used as accent + CTA + key headlines only.
   ─────────────────────────────────────────────────────────────────────── */

:root {
  /* Brand: same hexes as Mockup 01 — sampled from the printed business card */
  --rust:        #8B3A1F;
  --rust-deep:   #5C2410;
  --rust-bright: #C25533;
  --rust-soft:   rgba(139, 58, 31, 0.08);

  /* Paper / canvas — slightly cooler than mockup 01 to read more "professional" */
  --canvas:      #FCFAF6;       /* primary surface — warmer than pure white, lighter than cream */
  --paper:       #F2EBE0;       /* accent panel surface */
  --paper-light: #FAF6EE;       /* card surface */
  --paper-edge:  #E8DFCD;       /* card border */

  /* Ink + neutrals */
  --ink:         #1A0F0A;
  --ink-soft:    rgba(26, 15, 10, 0.7);
  --ink-mute:    rgba(26, 15, 10, 0.55);
  --ash:         #8C8378;
  --hairline:    rgba(26, 15, 10, 0.10);
  --hairline-strong: rgba(26, 15, 10, 0.18);

  /* Accreditation magenta */
  --belac:       #E5006A;

  /* Type stacks — single-family Manrope for body+display (B2B clarity) +
     JetBrains Mono for data/specs */
  --font-display: 'Manrope', 'Helvetica Neue', sans-serif;
  --font-body:    'Manrope', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', monospace;

  /* Card shadows — subtle, professional */
  --shadow-card:    0 1px 2px rgba(26, 15, 10, 0.04), 0 4px 16px -4px rgba(26, 15, 10, 0.06);
  --shadow-card-hover: 0 2px 4px rgba(26, 15, 10, 0.05), 0 16px 40px -8px rgba(26, 15, 10, 0.10);
  --shadow-cta:     0 6px 18px -6px rgba(139, 58, 31, 0.45);

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

  /* Radius — modest rounding, not pillowy */
  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
}