/* ============================================================
   Richfields — Design Tokens
   Re-skin of wristaficionado.com's luxury system.
   Palette: near-black ink, warm alabaster paper, one gold accent (#dd9a1a).
   Type: Playfair Display (display) + Figtree (body/UI).
   Gold is a jewel: keep it <=5% of any screen.
   ============================================================ */

:root {
  /* ---- Color: dark ---- */
  --ink:        #0a0a0b;   /* near-black, faintly warm — hero / bands / footer   */
  --ink-2:      #121214;   /* raised dark surface / cards on dark                */
  --ink-3:      #1c1b1e;   /* hover surface on dark                              */

  /* ---- Color: light ---- */
  --paper:      #f7f4ee;   /* warm alabaster — primary light canvas             */
  --paper-2:    #efeae0;   /* alternating light section / card fill             */
  --paper-3:    #e7e1d5;   /* deeper warm tint                                  */

  /* ---- Accent (the only chromatic hue) ---- */
  --gold:       #dd9a1a;   /* WA-matched champagne gold                          */
  --gold-hi:    #eab53f;   /* hover / glow on dark                               */
  --gold-deep:  #b87c14;   /* pressed                                            */

  /* ---- Text ---- */
  --on-dark:        #f4f1ea;
  --on-dark-muted:  rgba(244, 241, 234, 0.60);
  --on-dark-faint:  rgba(244, 241, 234, 0.34);
  --on-light:       #161418;
  --on-light-muted: #6a6459;
  --on-light-faint: #9a9488;

  /* ---- Hairlines ---- */
  --line-dark:  rgba(244, 241, 234, 0.14);
  --line-light: rgba(11, 11, 12, 0.12);

  /* ---- Type families ---- */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Figtree", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;

  /* ---- Type scale (fluid) ---- */
  --t-eyebrow:     0.75rem;
  --t-caption:     0.8125rem;
  --t-body-sm:     0.9375rem;
  --t-body:        1.0625rem;
  --t-lede:        clamp(1.1rem, 0.9rem + 0.9vw, 1.35rem);
  --t-price:       1rem;
  --t-subheading:  clamp(1.35rem, 1.1rem + 1.2vw, 1.9rem);
  --t-heading:     clamp(2rem, 1.4rem + 2.6vw, 3.15rem);
  --t-display:     clamp(2.75rem, 1.5rem + 5.4vw, 5.5rem);

  /* ---- Spacing (4px base) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px; --s-11: 160px;
  --section-y: clamp(64px, 8vw, 148px);

  /* ---- Radius (binary) ---- */
  --r-card: 2px;
  --r-pill: 999px;

  /* ---- Layout ---- */
  --container: 1280px;
  --container-wide: 1520px;
  --gutter: clamp(20px, 4vw, 56px);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);   /* ease-out-quint feel */
  --dur: 0.7s;

  /* ---- Nav ---- */
  --nav-h: 76px;
  --util-h: 40px;
}