/* ===========================================================================
   actual. — Radius, shadow, blur, motion tokens
   The brand glows: warm spark light, soft dark shadows, generous rounding.
   =========================================================================== */

:root {
  /* --- Corner radii --------------------------------------------------- */
  --radius-xs:  6px;
  --radius-sm:  10px;
  --radius-md:  14px;   /* default card / button */
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-2xl: 36px;
  --radius-pill: 999px;

  /* --- Elevation (on dark — shadows are deep, not gray) --------------- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.40);
  --shadow-md:  0 8px 24px rgba(0, 0, 0, 0.42);
  --shadow-lg:  0 20px 50px rgba(0, 0, 0, 0.52);
  --shadow-pop: 0 16px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px var(--line);

  /* --- Spark glow (the signature) ------------------------------------- */
  --glow-spark:  0 0 0 1px var(--accent-line), 0 8px 30px rgba(255, 122, 89, 0.28);
  --glow-soft:   0 0 40px rgba(255, 158, 87, 0.18);
  --glow-focus:  0 0 0 4px var(--focus-ring);

  /* --- Inset / inner light (top edge highlight on raised chips) ------- */
  --inset-top: inset 0 1px 0 rgba(246, 244, 241, 0.06);

  /* --- Blur ----------------------------------------------------------- */
  --blur-sm: 8px;
  --blur-md: 18px;
  --blur-lg: 36px;

  /* --- Motion --------------------------------------------------------- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);    /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 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:   360ms; /* @kind other */

  /* --- Signature gradients -------------------------------------------- */
  --grad-spark: linear-gradient(135deg, #ffb079 0%, #ff9e57 42%, #f7853a 100%); /* @kind color */
  --grad-ember: linear-gradient(135deg, #ff9e57 0%, #ff7a59 60%, #ef5d39 100%); /* @kind color */
  --grad-night: radial-gradient(120% 120% at 50% 0%, #14161c 0%, #0b0b0f 60%); /* @kind color */
  --grad-twotone: linear-gradient(90deg, #ff9e57 0%, #5fd3a0 100%); /* @kind color */ /* orange→mint two-tone headings */

  /* --- Spark bloom (the in-product glowing mark, no plate) ------------- */
  --glow-spark-lg: 0 0 60px rgba(255, 158, 87, 0.55), 0 0 22px rgba(255, 122, 89, 0.6); /* @kind shadow */
}