/* Line Center — Effects: radii, shadows, motion, blur
   Shadows are tinted with brand navy (rgba 0,48,96) so elevation feels cool,
   never neutral-gray. */
:root {
  /* Corner radii — rounded, friendly, matching the soft geometric wordmark */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-2xl: 28px;
  --radius-3xl: 36px;
  --radius-pill: 999px;
  --radius-full: 50%;

  /* Elevation — navy-tinted */
  --shadow-xs:  0 1px 2px rgba(0,48,96,0.06);
  --shadow-sm:  0 2px 6px rgba(0,48,96,0.08);
  --shadow-md:  0 6px 18px rgba(0,48,96,0.10);
  --shadow-lg:  0 16px 40px rgba(0,48,96,0.14);
  --shadow-xl:  0 28px 64px rgba(0,48,96,0.18);
  --shadow-accent: 0 12px 30px rgba(240,96,31,0.30);
  --shadow-brand:  0 14px 34px rgba(0,48,96,0.22);
  --shadow-inset:  inset 0 1px 0 rgba(255,255,255,0.6);

  /* Focus */
  --ring-width: 3px;
  --ring-color: rgba(70,169,206,0.55);
  --ring: 0 0 0 var(--ring-width) var(--ring-color); /* @kind shadow */

  /* 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:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    400ms; /* @kind other */

  /* Blur (used on glass nav / overlays) */
  --blur-sm: 8px;  /* @kind other */
  --blur-md: 16px; /* @kind other */
  --blur-lg: 28px; /* @kind other */
}