/* QuoteOps — Radius, borders, shadows, motion */
:root{
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:22px;
  --radius-2xl:28px;
  --radius-pill:999px;

  --border-width:1px; /* @kind spacing */

  /* Shadows — soft, cool-tinted for dark surfaces */
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 2px 8px rgba(0,0,0,.35);
  --shadow-md:0 8px 24px rgba(0,0,0,.4);
  --shadow-lg:0 20px 48px rgba(0,0,0,.5);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.05);
  /* Lime glow — reserved for primary CTAs / active accents */
  --glow-lime:0 6px 22px rgba(180,223,63,.28);

  /* Motion — quick, confident, minimal bounce */
  --ease-out:cubic-bezier(.2,.7,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.6,.05,.35,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
  --dur-slow:280ms; /* @kind other */
  --transition-base:all var(--dur-base) var(--ease-out); /* @kind other */
}