/* Guns & Goods — design tokens (Direction C, "Outfitter"). Source of truth for the storefront theme.
   Fonts: Zilla Slab 700 (headings, prices) + Source Sans 3 400/600 (body, UI), both Google Fonts / SIL OFL.
   Contrast (WCAG 2.x) checked 2026-09-29 — see style guide. Brass is NEVER text on light grounds (2.56:1). */
:root {
  /* Core palette */
  --gg-navy:     #182436;  /* primary ink, headers, dark grounds */
  --gg-cardinal: #8E2A22;  /* primary action (Add to cart), rules, sale emphasis */
  --gg-brass:    #B9955A;  /* accents: shield line, dividers, text ONLY on navy */
  --gg-canvas:   #F4F5F2;  /* page ground */
  --gg-slate:    #5B6573;  /* secondary text, meta, tagline */
  --gg-white:    #FFFFFF;  /* cards, inputs */

  /* Neutral ramp (cool, navy-biased) */
  --gg-line:        #D5D9DE;
  --gg-line-strong: #AEB5BE;
  --gg-mist:        #E9ECEF;  /* hover fills, table stripes */

  /* Interaction */
  --gg-cardinal-hover: #75221C;
  --gg-navy-hover:     #22324A;
  --gg-focus:          #2F5D8A;  /* focus ring; also info */

  /* Semantic (separate from brand accents) */
  --gg-success: #2F6B45;  /* In stock, order confirmed */
  --gg-warning: #8A5A00;  /* Low stock, FFL needed */
  --gg-error:   #B3261E;  /* Field errors, failed payment */
  --gg-info:    #2F5D8A;  /* Notices, ships-from info */

  /* Type */
  --gg-font-display: "Zilla Slab", Georgia, "Times New Roman", serif;
  --gg-font-body: "Source Sans 3", "Segoe UI", Roboto, Arial, sans-serif;
  --gg-size-xs: 0.8125rem;  /* 13 — meta, SKUs */
  --gg-size-sm: 0.9375rem;  /* 15 — UI, small body */
  --gg-size-md: 1.0625rem;  /* 17 — body */
  --gg-size-lg: 1.25rem;    /* 20 — card titles */
  --gg-size-xl: 1.625rem;   /* 26 — section heads, prices */
  --gg-size-2xl: 2.125rem;  /* 34 — page titles */
  --gg-size-3xl: 2.75rem;   /* 44 — hero */
  --gg-tracking-label: 0.14em;

  /* Shape & space */
  --gg-radius: 3px;          /* buttons, inputs, cards — deliberately tight */
  --gg-space-1: 4px; --gg-space-2: 8px; --gg-space-3: 12px; --gg-space-4: 16px;
  --gg-space-5: 24px; --gg-space-6: 32px; --gg-space-7: 48px; --gg-space-8: 64px;
  --gg-shadow-card: 0 1px 2px rgba(24, 36, 54, .08), 0 4px 12px rgba(24, 36, 54, .06);
}