/* ============================================================
   UniFi Nerds — Radii, Elevation & Motion
   Soft, product-grade rounding (Ubiquiti-adjacent). Shadows are
   cool-tinted and low-spread — never heavy/black. Motion is quick,
   confident, mostly ease-out; no bounce in UI.
   ============================================================ */
:root {
  /* ---- Radii ---- */
  --r-xs:  4px;
  --r-sm:  6px;
  --r-md:  8px;
  --r-lg:  12px;
  --r-xl:  16px;
  --r-2xl: 24px;
  --r-pill: 999px;
  --r-card: var(--r-lg);

  /* ---- Elevation (cool blue-gray shadows) ---- */
  --shadow-xs: 0 1px 2px rgba(20,32,45,.06);
  --shadow-sm: 0 1px 3px rgba(20,32,45,.08), 0 1px 2px rgba(20,32,45,.04);
  --shadow-md: 0 4px 12px rgba(20,32,45,.08), 0 1px 3px rgba(20,32,45,.05);
  --shadow-lg: 0 12px 28px rgba(20,32,45,.12), 0 4px 8px rgba(20,32,45,.06);
  --shadow-xl: 0 24px 56px rgba(20,32,45,.16), 0 8px 16px rgba(20,32,45,.08);
  --shadow-focus: 0 0 0 3px var(--focus-ring);
  /* Blue glow for primary emphasis / active nav */
  --shadow-blue: 0 6px 18px rgba(19,141,254,.30);

  /* ---- Borders ---- */
  --bw: 1px;
  --bw-2: 1.5px;

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(.22,.61,.36,1);/* @kind other */
  --ease-in-out:cubic-bezier(.65,.05,.36,1);/* @kind other */
  --ease-snap:  cubic-bezier(.2,.9,.3,1.1);/* @kind other */ /* subtle overshoot — CTAs only */
  --dur-1: 90ms; /* @kind other */
  --dur-2: 150ms;/* @kind other */
  --dur-3: 220ms;/* @kind other */
  --dur-4: 320ms;/* @kind other */
  --dur-5: 480ms;/* @kind other */
  --t-hover: color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);
}