/* ===========================================================================
   Clemson Little Theatre — Elevation, borders & motion tokens
   Shadows are warm-tinted (maroon-black), never neutral gray. Motion is calm
   and curtain-like — gentle ease, no bounce. See README "Visual Foundations".
   =========================================================================== */

:root {
  /* ---- Shadows (warm, low-spread) ------------------------------------ */
  --shadow-sm:  0 1px 2px rgba(63, 29, 31, 0.10);
  --shadow-md:  0 4px 12px rgba(63, 29, 31, 0.12);
  --shadow-lg:  0 12px 30px rgba(63, 29, 31, 0.16);
  --shadow-poster: 0 18px 48px rgba(63, 29, 31, 0.28); /* framed art */

  /* CAYT marquee glow — golden bulb halo (youth sub-brand) */
  --glow-marquee: 0 0 12px rgba(244, 197, 66, 0.7), 0 0 24px rgba(244, 197, 66, 0.35);

  /* ---- Borders ------------------------------------------------------- */
  --border-width:    1px;
  --border-width-2:  2px;
  --border-hairline: 1px solid var(--border-soft);
  --border-rule-line: 2px solid var(--border-rule);

  /* ---- Motion -------------------------------------------------------- */
  --ease-curtain: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */ /* soft settle */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:     140ms; /* @kind other */
  --dur-base:     240ms; /* @kind other */
  --dur-slow:     420ms; /* @kind other */

  /* ---- Focus --------------------------------------------------------- */
  --focus-ring-width: 3px;
  --focus-ring-offset: 2px;
}