/* ==========================================================================
   C WARRIORS — Design Tokens
   Single source of truth for color, type, spacing, and motion.
   Shared across all future pages (Home, About, Products, Contact).
   ========================================================================== */

:root {
  /* ---- Color: base palette ---- */
  --color-charcoal:      #17140F;   /* primary — deep warm near-black */
  --color-charcoal-soft: #211D17;   /* elevated dark surface (cards on dark) */
  --color-forest:        #1E2E22;   /* secondary — deep forest green */
  --color-forest-deep:   #16241B;
  --color-gold:          #C69A46;   /* accent — warm muted gold */
  --color-gold-light:    #E4C27C;
  --color-gold-dim:      #8C6E32;
  --color-ivory:         #F6F1E6;   /* light — warm ivory/cream */
  --color-ivory-deep:    #EFE7D6;
  --color-ink:           #211C15;   /* text on light */
  --color-paper:         #FBF8F1;   /* lightest surface */
  --color-off-white:     #F3EFE4;   /* text on dark */
  --color-off-white-dim: rgba(243, 239, 228, 0.68);
  --color-line-on-dark:  rgba(243, 239, 228, 0.16);
  --color-line-on-light: rgba(33, 28, 21, 0.12);

  /* ---- Type ---- */
  --font-display: 'Josefin Sans', -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Lato', -apple-system, 'Segoe UI', sans-serif;

  --tracking-eyebrow: 0.16em;

  /* ---- Layout ---- */
  --container-max: 1320px;
  --container-pad: clamp(20px, 5vw, 64px);
  --section-pad-y: clamp(72px, 10vw, 140px);

  /* ---- Radius ---- */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ---- Motion ---- */
  --ease-editorial: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 240ms;
  --dur-med: 560ms;
  --dur-slow: 900ms;

  /* ---- Elevation ---- */
  --shadow-card: 0 24px 48px -24px rgba(23, 20, 15, 0.45);
}

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