/* FSCLN — Shadows, motion & misc effects.
 * Dark UI: shadows are subtle; "elevation" reads through borders + slight glow.
 */
:root {
  /* ---- Shadows (restrained on dark) ---- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.55);

  /* ---- Accent glow (hover / focus highlights) ---- */
  --glow-accent: 0 0 0 1px var(--accent), 0 0 24px rgba(163, 224, 82, 0.25);
  --glow-soft: 0 0 24px rgba(163, 224, 82, 0.18);

  /* ---- Focus ring ---- */
  --ring-focus: 0 0 0 2px var(--bg-dark), 0 0 0 4px var(--accent);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 240ms; /* @kind other */
  --dur-slow: 400ms; /* @kind other */

  /* ---- Interaction transforms ---- */
  --hover-lift: scale(1.02); /* @kind other */
  --press-shrink: scale(0.98); /* @kind other */
}