/* ============================================================
   Fischkarten — Effects: radii, borders, shadows
   Signature look: dark card + bright 2px cyan border, generous
   rounding, full-round pill buttons. Shadows are soft & low.
   ============================================================ */
:root {
  /* ---- Radii ---------------------------------------------- */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;   /* cards */
  --radius-xl:   22px;
  --radius-pill: 999px;  /* buttons, answer chips */

  /* ---- Border widths -------------------------------------- */
  --border-thin:  1px;
  --border-card:  2px;   /* signature accent outline */
  --border-thick: 3px;

  /* ---- Shadows -------------------------------------------- */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.35);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.40);
  --shadow-lg:  0 10px 28px rgba(0,0,0,0.50);
  --shadow-pill:0 4px 14px rgba(27,27,245,0.35);  /* lift under blue answer pills */

  /* ---- Accent glow (cyan border cards) -------------------- */
  --glow-cyan:  0 0 0 1px rgba(30,155,255,0.25), 0 6px 18px rgba(0,0,0,0.45);

  /* ---- Focus ring ----------------------------------------- */
  --ring: 0 0 0 3px rgba(30,155,255,0.45);

  /* ---- Motion --------------------------------------------- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);/* @kind other */
  --dur-fast:    120ms;                             /* @kind other */
  --dur-base:    200ms;                             /* @kind other */
  --dur-slow:    320ms;                             /* @kind other */
}