/* ============================================================================
   NAMC — shared design tokens (single source of truth for storefront + staff).
   "NAMC Forge": dark, engineered, tactile. Consumed by static/shop/shop.css and
   static/staff/staff.css. Do not add component rules here — tokens only.
   ========================================================================= */
:root {
  /* Surfaces (dark canvas) */
  --ink-900:#0A0B0D;   --ink-850:#0D1013;   --ink-800:#101316;
  --ink-700:#15191D;   --ink-650:#191E23;   --ink-600:#1F252B;
  --line:    rgba(255,255,255,.08);
  --line-2:  rgba(255,255,255,.14);

  /* Text */
  --text:#F2F4F5;  --muted:#9AA3AB;  --faint:#8A9199;

  /* Brand accents */
  --red:#E0291F;   --red-hot:#FF3B2E;   --red-deep:#B01409;
  --ember:#FF6A2B; --ember-soft:#FF8A4C;
  --signal:#3DD6F5; --signal-deep:#16A7C7;

  /* Status */
  --good:#2FD27A;  --warn:#FFB020;

  /* Light surface for long-reads (legal) */
  --paper:#F4F1EA; --paper-ink:#16181B;

  /* Radii / shadow / easing */
  --r-xl:22px; --r-lg:16px; --r-md:12px; --r-sm:8px; --r-pill:999px;
  --sh-1:0 1px 0 rgba(255,255,255,.04) inset, 0 10px 30px rgba(0,0,0,.45);
  --sh-2:0 20px 60px rgba(0,0,0,.55);
  --glow-red:0 0 0 1px rgba(224,41,31,.4), 0 12px 40px rgba(224,41,31,.25);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  /* Type */
  --font-display:"Clash Display","Archivo",system-ui,sans-serif;
  --font-sans:"General Sans","Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --font-mono:"Space Mono","JetBrains Mono",ui-monospace,monospace;

  --container:1280px;
}