/* ── Peapod radii, borders, shadows, motion, glass ──
   Modern & airy: larger corner radii (pill-first controls, superellipse
   media), clean cool-tinted shadows, and prominent frosted glass for the
   floating widget-card motif. Border-first; shadows only lift. */
:root {
  /* Corner radii — generous, soft, never sharp */
  --radius-xs: 8px;
  --radius-sm: 12px;   /* chips / tags (pill by default now) */
  --radius-md: 14px;   /* filled fields, inputs */
  --radius-lg: 20px;   /* cards */
  --radius-xl: 28px;   /* large panels / glass widgets */
  --radius-2xl: 36px;  /* superellipse media, hero panels */
  --radius-pill: 999px;

  /* Border widths */
  --border-w: 1px;
  --border-w-strong: 1.5px;

  /* Shadows — soft, cool-tinted. Border-first system; shadows only lift
     floating elements (glass widgets, menus, CTAs, modals). */
  --shadow-xs: 0 1px 2px rgba(20, 22, 26, 0.04);
  --shadow-sm: 0 1px 3px rgba(20, 22, 26, 0.05), 0 1px 2px rgba(20, 22, 26, 0.04);
  --shadow-md: 0 6px 20px rgba(20, 22, 26, 0.07);
  --shadow-lg: 0 18px 44px rgba(20, 22, 26, 0.12);
  --shadow-xl: 0 30px 70px rgba(20, 22, 26, 0.16);
  --shadow-cta: 0 8px 24px rgba(20, 22, 26, 0.24);

  /* Frosted glass — the floating widget-card / overlay motif */
  --glass-bg: rgba(255, 255, 255, 0.62);
  --glass-bg-strong: rgba(255, 255, 255, 0.82);
  --glass-bg-dark: rgba(18, 20, 24, 0.42);
  --glass-blur: blur(28px) saturate(1.4); /* @kind other */
  --glass-border: rgba(255, 255, 255, 0.55);
  --glass-border-dark: rgba(255, 255, 255, 0.18);
  --glass-shadow: 0 12px 40px rgba(20, 22, 26, 0.16);

  /* Motion — calm, no bounce. Everything eases gently. */
  --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 */
  --dur-fast: 120ms; /* @kind other */
  --dur: 200ms; /* @kind other */
  --dur-slow: 340ms; /* @kind other */

  /* Focus ring — accent-tinted */
  --focus-ring: 0 0 0 3px var(--sky-200);

  /* Rings / status */
  --ring-danger: inset 0 0 0 1.5px var(--danger-500);
}
