/* ==========================================================================
   Carry Company — Design Tokens
   ========================================================================== */
:root {
  /* Palette */
  --black:        #0A0A0A;
  --ink:          #111111;
  --charcoal:     #1A1A1A;
  --graphite:     #232323;
  --smoke:        #3a3a3a;
  --steel:        #6b6b6b;
  --mist:         #b7b3ad;
  --paper:        #F4F1EC;
  --white:        #FAFAF7;
  --pure-white:   #FFFFFF;

  --red:          #C8102E;
  --red-dark:     #9c0b23;
  --red-glow:     rgba(200,16,46,0.35);

  --gold:         #C9A961;
  --gold-soft:    #d7bd80;
  --gold-glow:    rgba(201,169,97,0.28);

  /* Typography */
  --font-display: 'Instrument Serif', 'Times New Roman', serif;
  --font-sans:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing scale (Apple-like) */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;
  --sp-11: 192px;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg: 0 24px 60px rgba(0,0,0,0.18), 0 8px 20px rgba(0,0,0,0.08);
  --shadow-gold: 0 20px 60px -20px rgba(201,169,97,0.5);
  --shadow-red:  0 20px 60px -20px rgba(200,16,46,0.5);

  /* Motion */
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo:  cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out:    cubic-bezier(0.65, 0, 0.35, 1);

  /* Layers */
  --z-nav: 100;
  --z-cursor: 9999;
  --z-modal: 500;

  /* Container */
  --container: 1360px;
}