/* ===========================================================
   FITCO TRADE — Design Tokens
   A premium apparel-manufacturing identity: paper white,
   ink black / charcoal, and a single restrained gold accent.
   =========================================================== */

:root{
  /* ---- Color: base ---- */
  --ink:        #121214;   /* near-black, primary text on paper */
  --ink-soft:   #232326;
  --charcoal:   #1B1B1D;   /* dark section background */
  --charcoal-2: #242426;   /* dark section, one step lighter */
  --paper:      #F7F5F1;   /* warm off-white page background */
  --white:      #FFFFFF;

  /* ---- Color: accent ---- */
  --gold:       #C6A15B;
  --gold-dim:   #A9854A;
  --gold-tint:  #EFE4CC;

  /* ---- Color: lines & muted text ---- */
  --line:        #E2DED4;             /* hairline on paper */
  --line-dark:   rgba(247,245,241,.16); /* hairline on charcoal */
  --muted:       #6E6C67;             /* secondary text on paper */
  --muted-dark:  rgba(247,245,241,.64); /* secondary text on charcoal */

  /* ---- Type ---- */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ---- Spacing scale ---- */
  --sp-1: .25rem;
  --sp-2: .5rem;
  --sp-3: .75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6.5rem;
  --sp-10: 9rem;

  /* ---- Layout ---- */
  --container-w: 1360px;
  --pad-x: clamp(1.25rem, 5vw, 4.5rem);

  /* ---- Motion ---- */
  --ease-editorial: cubic-bezier(.22,.61,.36,1);
  --dur-slide: 800ms;

  /* ---- Radius (kept minimal & consistent — no card-kit rounding) ---- */
  --radius-sm: 2px;
  --radius-md: 3px;
}

@media (prefers-reduced-motion: reduce){
  :root{ --dur-slide: 1ms; }
}