/* ============================================================================
   Forgebury Core — Design System
   SINGLE SOURCE OF TRUTH for all design tokens.
   Every component stylesheet consumes these variables — no hardcoded values.
   ============================================================================ */

/* ── CRAYON BOX ───────────────────────────────────────────────
   Forgebury's values for the common-core variable contract.
   Nothing but variable definitions belongs in this block — see
   HANDOVER-IMPLEMENTATION.md §6. common-core's shared CSS reads
   these; it never hardcodes a colour or font itself. ─────────── */
:root {
  --cc-accent:         #c9a84c;
  --cc-accent-hover:   #b8962e;
  --cc-text:           #1a1a1a;
  --cc-text-muted:     #888888;
  --cc-bg-subtle:      #f5f5f5;
  --cc-border-subtle:  #e0e0e0;
  --cc-font-heading:   'Cormorant Garamond', serif;
  --cc-font-body:      'Inter', sans-serif;

  /* Added 2026-08-05 with the shared account-page card. The original eight
     keys describe ink and paper; they cannot describe a raised surface, so
     shared CSS had no way to draw a card without either hardcoding white
     (wrong on Mavron, which is dark) or reading --forge-* directly (a brand
     conditional inside common-core). These seven close that gap — see
     HANDOVER-IMPLEMENTATION.md §6b.

     --cc-surface is the locked 2026-07-19 glass card spec, so shared cards
     pick up Forgebury's translucency without common-core knowing what glass
     is. Anything painted on it must stay legible against BOTH --forge-white
     and --forge-warm-white, since the card is see-through. */
  --cc-surface:        var(--forge-card-bg);
  --cc-radius-card:    var(--forge-card-radius);
  --cc-radius-input:   12px;
  --cc-shadow-card:    var(--forge-card-shadow);
  --cc-focus-ring:     var(--forge-gold);
  --cc-danger:         #a8231c;   /* 6.9:1 on #ffffff, 6.2:1 on #f7f4ef */
  /* Text drawn ON the accent (filled buttons). Not white: white on
     #c9a84c is 2.3:1 and fails AA at button sizes. Ink is 7.2:1. */
  --cc-on-accent:      var(--forge-black);
}

:root {
  /* Colours */
  --forge-black: #1a1a1a;
  --forge-gold: #c9a84c;
  --forge-warm-white: #f7f4ef;
  --forge-white: #ffffff;
  --forge-grey: #f5f5f5;
  --forge-text: #2b2b2b;
  /* Muted greys raised 2026-08-04. The old values were chosen to look quiet
     and ended up illegible: #999999 on white is 2.85:1, well under the 4.5:1
     WCAG AA threshold for body text, and #666666 was being used at 12px/300
     weight where it read as a smudge. These both clear AA on white and on
     the #f5f5f5 surface. Text on DARK backgrounds does not use these — see
     the on-dark block at the foot of forge-design-system.css. */
  --forge-text-light: #5a5a5a;   /* 7.0:1 on #ffffff */
  --forge-text-muted: #6e6e6e;   /* 5.1:1 on #ffffff */
  --forge-border: #e8e8e8;

  /* Typography — scale raised one step 2026-08-04 (base 1rem → 1.0625rem
     and every step with it). Body copy across the site was sitting at
     12–13px/300, which is small even on desktop and unreadable on a phone. */
  --forge-font-heading: 'Cormorant Garamond', serif;
  --forge-font-body: 'Inter', sans-serif;
  --forge-size-xs: 0.8125rem;   /* 13px, was 12 */
  --forge-size-sm: 0.9375rem;   /* 15px, was 14 */
  --forge-size-base: 1.0625rem; /* 17px, was 16 */
  --forge-size-md: 1.1875rem;   /* 19px, was 18 */
  --forge-size-lg: 1.625rem;    /* 26px, was 24 */
  --forge-size-xl: 2.125rem;    /* 34px, was 32 */
  --forge-size-2xl: 2.625rem;   /* 42px, was 40 */
  --forge-size-3xl: 3.125rem;   /* 50px, was 48 */

  /* Spacing */
  --forge-space-xs: 0.25rem;
  --forge-space-sm: 0.5rem;
  --forge-space-md: 1rem;
  --forge-space-lg: 1.5rem;
  --forge-space-xl: 2rem;
  --forge-space-2xl: 3rem;
  --forge-space-3xl: 4rem;

  /* Cards — glass direction (locked 2026-07-19) */
  --forge-card-bg: rgba(255,255,255,0.62);
  --forge-card-bg-hover: rgba(255,255,255,0.82);
  --forge-card-border: rgba(0,0,0,0.07);
  --forge-card-radius: 22px;
  --forge-card-shadow: 0 20px 45px -20px rgba(20,20,22,0.16), 0 2px 8px rgba(20,20,22,0.04);
  --forge-card-shadow-hover: 0 28px 60px -18px rgba(20,20,22,0.22), 0 4px 14px rgba(20,20,22,0.06);
  --forge-card-padding: 0.85rem 0.9rem 0.9rem;
  --forge-card-img-radius: 14px;
  --forge-card-img-inset: 8px;         /* glass frame margin around the photo */
  --forge-card-img-ratio: 4 / 5;       /* portrait — taller, not wider */
  --forge-card-title-size: 0.88rem;    /* product name */
  --forge-card-font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Helvetica, Arial, sans-serif;
  --forge-badge-size: 0.66rem;          /* MOQ badge */

  /* Card accent — lighter gold, reserved for price / CTA / kicker only */
  --forge-gold-light: #d4ab5c;
  --forge-gold-light-deep: #ad8134;
  --forge-gold-tint: rgba(212,171,92,0.10);

  /* Buttons */
  --forge-btn-radius: 4px;
  --forge-btn-padding: 0.75rem 1.5rem;
  --forge-btn-font-size: 0.875rem;
  --forge-btn-letter-spacing: 0.08em;

  /* Grid */
  --forge-grid-bg: #fbfbfb;
  --forge-grid-gap: 1rem;
  --forge-grid-padding: 2rem;
  --forge-grid-cols: 5;

  /* Transitions */
  --forge-transition: all 0.2s ease;
}