/* ============================================================
   Leah E. Welker—Effects: shadow, glow, gradient, motion
   The signature motif is LIGHT. Shadows are soft and warm,
   never hard; the gold "glow" is the brand's hero effect.
   ============================================================ */

:root {
  /* ---------- Elevation (warm, low-contrast, diffuse) ---------- */
  --shadow-xs:  0 1px 2px rgba(28, 28, 28, 0.06);
  --shadow-sm:  0 2px 8px rgba(28, 28, 28, 0.07);
  --shadow-md:  0 8px 24px rgba(28, 28, 28, 0.10);
  --shadow-lg:  0 18px 48px rgba(28, 28, 28, 0.14);
  --shadow-xl:  0 32px 80px rgba(28, 28, 28, 0.20);

  /* on dark sections, lift with warmth rather than black */
  --shadow-on-ink: 0 24px 60px rgba(0, 0, 0, 0.45);

  /* ---------- Gold glow—the signature light ---------- */
  --glow-gold-sm: 0 0 0 1px rgba(235, 196, 42, 0.35), 0 4px 18px rgba(235, 196, 42, 0.25);
  --glow-gold:    0 0 32px rgba(235, 196, 42, 0.38), 0 0 64px rgba(235, 196, 42, 0.18);
  --glow-gold-lg: 0 0 60px rgba(235, 196, 42, 0.45), 0 0 120px rgba(235, 196, 42, 0.22);

  /* ---------- Gradients ---------- */
  /* dawn—pale gold light blooming on parchment */
  --gradient-dawn: radial-gradient(120% 90% at 50% -10%, #FBF3D2 0%, var(--parchment-50) 46%, var(--parchment-100) 100%);
  /* candlelight halo for hero glows */
  --gradient-halo: radial-gradient(circle at center, rgba(235,196,42,0.42) 0%, rgba(235,196,42,0.12) 38%, rgba(235,196,42,0) 70%); /* @kind other */
  /* ink-to-twilight for dark sections */
  --gradient-ink: linear-gradient(160deg, var(--ink-800) 0%, #232430 100%);
  /* protection scrim for text over imagery (bottom-up) */
  --scrim-bottom: linear-gradient(to top, rgba(28,28,28,0.78) 0%, rgba(28,28,28,0.35) 38%, rgba(28,28,28,0) 72%); /* @kind other */
  --scrim-ink:    linear-gradient(to top, rgba(28,28,28,0.88) 0%, rgba(28,28,28,0.5) 45%, rgba(28,28,28,0.12) 100%); /* @kind other */
  /* gold hairline divider */
  --rule-gold: linear-gradient(to right, transparent, var(--gold-300) 22%, var(--gold-300) 78%, transparent);

  /* ---------- Motion ---------- */
  --ease-soft:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */  /* gentle ease-out */
  --ease-inout:  cubic-bezier(0.45, 0, 0.25, 1); /* @kind other */
  --ease-glow:   cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:    160ms; /* @kind other */
  --dur-base:    260ms; /* @kind other */
  --dur-slow:    480ms; /* @kind other */
  --dur-bloom:   900ms; /* @kind other */  /* light blooming / fade-in */
}