/* gerbs-tokens.css — canonical Gerbs design tokens, 2026-05-27
 *
 * Single source of truth for all shared CSS custom properties.
 * Loaded site-wide (gerbs-tokens handle) before hero-v3.css, sticky-atc.css,
 * and pdp.css — all of which depend on this handle and must NOT redeclare
 * the same variables.
 *
 * Enqueued by Divi-child/functions.php (priority 5, no deps, all pages).
 */
:root {
  /* ── Color ──────────────────────────────────────────────────────────────── */
  --gerbs-yellow:      #fecb00;
  --gerbs-yellow-tint: #fff6d1;
  --gerbs-gold:        #f0a106;
  --gerbs-blue:        #3C70F6;   /* live ATC blue — corrects AI-slop #2672ff */
  --gerbs-blue-hover:  #2d5fe0;
  --gerbs-blue-tint:   #eaf1ff;
  --gerbs-ink:         #111;
  --gerbs-ink-70:      #5c5c5c;
  --gerbs-ink-50:      #8a8a8a;
  --gerbs-ink-20:      #d9d9d9;
  --gerbs-hairline:    #ececec;
  --gerbs-fog:         #fafafa;
  --gerbs-success:     #2f8a4a;
  --gerbs-warn:        #b05b00;
  --gerbs-error:       #c0392b;

  /* ── Type ───────────────────────────────────────────────────────────────── */
  --ff-display: 'Bitter', Georgia, 'Times New Roman', serif;
  --ff-body:    'Funnel Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  /* ── Type scale ─────────────────────────────────────────────────────────── */
  --fs-12: 0.75rem; --fs-14: 0.875rem; --fs-16: 1rem; --fs-18: 1.125rem;
  --fs-20: 1.25rem; --fs-24: 1.5rem;   --fs-32: 2rem;  --fs-44: 2.75rem; --fs-60: 3.75rem;

  /* ── Weight, line-height, letter-spacing ─────────────────────────────────── */
  --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-tight: 1.1; --lh-snug: 1.25; --lh-normal: 1.5; --lh-loose: 1.7;
  --ls-tight: -0.02em; --ls-wide: 0.04em; --ls-caps: 0.08em;

  /* ── Spacing (4px base) ─────────────────────────────────────────────────── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px;

  /* ── Radii ──────────────────────────────────────────────────────────────── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-atc:  30px;   /* live ATC button — matches .single_add_to_cart_button */
  --radius-pill: 999px;

  /* ── Shadow ─────────────────────────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(17,17,17,0.06), 0 1px 3px rgba(17,17,17,0.04);
  --shadow-md: 0 4px 10px rgba(17,17,17,0.06), 0 2px 6px rgba(17,17,17,0.04);
  --shadow-lg: 0 16px 40px rgba(17,17,17,0.10), 0 4px 12px rgba(17,17,17,0.06);

  /* ── Layout ─────────────────────────────────────────────────────────────── */
  --container-max: 1200px;
  --container-pad: 24px;

  /* ── Focus ──────────────────────────────────────────────────────────────── */
  --focus-ring-color:  #3C70F6;
  --focus-ring-width:  2px;
  --focus-ring-offset: 4px;
}