/* ============================================================================
   Forge Core — Design System
   SINGLE SOURCE OF TRUTH for all design tokens.
   Every component stylesheet consumes these variables — no hardcoded values.
   ============================================================================ */
:root {
  /* Colours */
  --forge-black: #1a1a1a;
  --forge-gold: #c9a84c;
  --forge-warm-white: #f7f4ef;
  --forge-white: #ffffff;
  --forge-grey: #f5f5f5;
  --forge-text: #333333;
  --forge-text-light: #666666;
  --forge-text-muted: #999999;
  --forge-border: #e8e8e8;

  /* Typography */
  --forge-font-heading: 'Cormorant Garamond', serif;
  --forge-font-body: 'Inter', sans-serif;
  --forge-size-xs: 0.75rem;
  --forge-size-sm: 0.875rem;
  --forge-size-base: 1rem;
  --forge-size-md: 1.125rem;
  --forge-size-lg: 1.5rem;
  --forge-size-xl: 2rem;
  --forge-size-2xl: 2.5rem;
  --forge-size-3xl: 3rem;

  /* 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 */
  --forge-card-bg: #ffffff;
  --forge-card-radius: 12px;
  --forge-card-shadow: 0 2px 10px rgba(0,0,0,0.06);       /* subtle, corporate */
  --forge-card-shadow-hover: 0 6px 22px rgba(0,0,0,0.10); /* subtle lift only */
  --forge-card-padding: 1.25rem;
  --forge-card-img-height: 340px;      /* fixed image container height */
  --forge-card-img-pad: 1.5rem;        /* breathing room inside image area */
  --forge-card-img-bg: #ffffff;
  --forge-card-title-size: 1.2rem;     /* product name */
  --forge-badge-size: 0.7rem;          /* MOQ badge */

  /* 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: #f8f8f8;
  --forge-grid-gap: 1.5rem;
  --forge-grid-padding: 2rem;
  --forge-grid-cols: 3;

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