/* ============================================================
   HHC HOT CHICKEN — EFFECTS TOKENS
   Radii, shadows, transitions. Cards are clean white with soft
   shadow; CTAs are fully-rounded pills.
   ============================================================ */
:root {
  /* ---- Corner radii ---- */
  --radius-sm: 6px;     /* small pill variants / inputs */
  --radius-md: 10px;
  --radius-lg: 16px;    /* cards */
  --radius-pill: 999px; /* full CTA pills, stamps, badges */

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.18);
  --shadow-md: 0 6px 20px rgba(0,0,0,0.22);
  --shadow-lg: 0 16px 44px rgba(0,0,0,0.30);
  --shadow-pill: 0 8px 24px rgba(0,0,0,0.28);
  --shadow-glow-red: 0 8px 30px rgba(253,60,2,0.45); /* hot CTA glow */

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);   /* @kind other */
  --dur-fast: 140ms;     /* @kind other */
  --dur-med: 240ms;      /* @kind other */
  --dur-slow: 420ms;     /* @kind other */
  --transition-base: all var(--dur-med) var(--ease-out);  /* @kind other */
}