/* ============================================================
   HI Lynn — Elevation, Shadow & Motion Tokens
   Shadows are warm-tinted and feather-soft (never grey/harsh).
   Motion is gentle: slow fades and a barely-there rise.
   ============================================================ */

:root {
  /* --- Warm, diffuse shadows (tinted with driftwood brown) --- */
  --shadow-xs: 0 1px 2px rgba(87, 75, 62, 0.06);
  --shadow-sm: 0 2px 8px rgba(87, 75, 62, 0.06), 0 1px 2px rgba(87, 75, 62, 0.05);
  --shadow-md: 0 8px 24px rgba(87, 75, 62, 0.08), 0 2px 6px rgba(87, 75, 62, 0.05);
  --shadow-lg: 0 18px 48px rgba(87, 75, 62, 0.10), 0 4px 12px rgba(87, 75, 62, 0.05);
  --shadow-xl: 0 32px 80px rgba(87, 75, 62, 0.14), 0 8px 20px rgba(87, 75, 62, 0.06);

  /* Warm glow — sunrise halo behind hero elements */
  --glow-peach: 0 0 60px rgba(247, 178, 137, 0.35);
  --glow-gold: 0 0 40px rgba(212, 162, 96, 0.30);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(247, 178, 137, 0.45);

  /* Inner press */
  --inset-press: inset 0 2px 5px rgba(87, 75, 62, 0.12);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-gentle: cubic-bezier(0.33, 0.8, 0.4, 1); /* @kind other */

  --dur-fast: 140ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  --dur-tide: 700ms; /* @kind other */
}