/* ============================================================
   Scents Gallery — Design Tokens
   Black & gold luxe · editorial fashion-magazine
   ============================================================ */

:root {
  /* --- Palette: ink + gold --- */
  --ink:          #0a0a0b;
  --ink-1:        #0e0e10;
  --ink-2:        #141417;
  --ink-3:        #1c1c20;
  --line:         rgba(224, 175, 48, 0.20);
  --line-soft:    rgba(245, 239, 226, 0.10);

  --gold:         #e0af30;   /* brand gold (from logo) */
  --gold-deep:    #b8862a;
  --gold-soft:    #c9a24b;
  --gold-bright:  #f6dd90;

  --cream:        #f4eede;
  --cream-dim:    rgba(244, 238, 222, 0.66);
  --cream-faint:  rgba(244, 238, 222, 0.52);

  --sapphire:     #2c3f8f;   /* accent from bottle jewel */

  /* --- Typography --- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans:    "Jost", system-ui, -apple-system, sans-serif;

  --text-kicker:  clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);
  --text-label:   clamp(0.68rem, 0.64rem + 0.2vw, 0.78rem);
  --text-base:    clamp(1rem, 0.95rem + 0.25vw, 1.12rem);
  --text-lead:    clamp(1.05rem, 0.98rem + 0.4vw, 1.3rem);
  --text-h3:      clamp(1.5rem, 1.2rem + 1.4vw, 2.4rem);
  --text-hero:    clamp(3.2rem, 1.4rem + 8.4vw, 9.5rem);

  --tracking-wide:   0.42em;
  --tracking-label:  0.26em;
  --tracking-tight:  -0.01em;

  /* --- Spacing / rhythm --- */
  --space-frame:   clamp(0.9rem, 0.5rem + 1.4vw, 2rem);
  --space-section: clamp(4.5rem, 3rem + 6vw, 10rem);
  --gutter:        clamp(1.4rem, 1rem + 2vw, 3.5rem);
  --maxw:          1440px;

  /* --- Motion --- */
  --dur-fast:   180ms;
  --dur-normal: 420ms;
  --dur-slow:   900ms;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);

  /* --- Effects --- */
  --glow-gold: radial-gradient(
    circle at 50% 46%,
    rgba(224, 175, 48, 0.34) 0%,
    rgba(224, 175, 48, 0.14) 30%,
    rgba(224, 175, 48, 0.04) 52%,
    transparent 70%
  );
}