/* ============================================================
   Reality Breaker — Radius, shadow, blur tokens
   Soft rounded corners, gentle shadows. Hand-made over techy.
   ============================================================ */

:root {
  /* ---- Corner radii (soft, generous) ----------------------- */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;   /* default control / card             */
  --radius-lg:   24px;   /* large card / media                 */
  --radius-xl:   32px;   /* hero panels                        */
  --radius-pill: 999px;  /* pills, tags, avatars               */

  /* ---- Shadows (warm-tinted, soft and dreamy) -------------- */
  /* Tinted toward ink-indigo so shadows read as dusk, not gray */
  --shadow-sm: 0 1px 2px rgba(10,8,24,0.30);
  --shadow-md: 0 8px 24px -8px rgba(10,8,24,0.55);
  --shadow-lg: 0 24px 60px -18px rgba(10,8,24,0.65);
  --shadow-xl: 0 40px 90px -24px rgba(10,8,24,0.70);

  /* Coral glow — used sparingly for the one loud element */
  --glow-coral: 0 0 0 1px rgba(240,106,139,0.40), 0 12px 40px -10px rgba(240,106,139,0.45);
  /* Amber glow — warm highlight on hero art */
  --glow-amber: 0 16px 60px -16px rgba(240,162,78,0.50);

  /* Inset for sunken wells / inputs */
  --shadow-inset: inset 0 1px 2px rgba(10,8,24,0.45);

  /* ---- Blur (frosted overlays, used sparingly) ------------- */
  --blur-overlay: 16px;
  --scrim: rgba(20,16,42,0.62);   /* modal / drawer backdrop    */
}