/* Youth Oasis — Radii, shadows, motion.
   D10 (radius/shadow/elevation) is an OPEN decision — until it closes, components use ONE
   consistent radius and restrained, low-elevation shadows (no ad hoc values). §4.6, §4.8. */
:root{
  /* Radius — single consistent scale; --radius-md is the default component radius.
     Badges/pills may be fully rounded (§4.4). */
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;   /* DEFAULT — cards, inputs, buttons */
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:20px;
  --radius-pill:999px;
  --radius-circle:50%;

  /* Shadows — restrained, cool Cloud-Burst tint, low elevation */
  --shadow-xs:0 1px 2px rgba(33,40,90,0.06);
  --shadow-sm:0 1px 3px rgba(33,40,90,0.08);
  --shadow-md:0 4px 12px rgba(33,40,90,0.10);
  --shadow-lg:0 10px 24px rgba(33,40,90,0.12);
  --shadow-brand:0 4px 12px rgba(33,40,90,0.18);
  --ring-focus:0 0 0 3px rgba(33,40,90,0.35);

  /* Motion — gentle; respect reduced-motion (§4.8) */
  --ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:300ms; /* @kind other */
}