/* ===========================================================================
   EFFECTS — radius, borders, shadows, transitions
   Restrained: tight radii, soft cool-navy shadows, hairline warm borders.
   =========================================================================== */
:root {
  /* Radius — precise / architectural, never bubbly */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* Border widths */
  --border-hair: 1px;
  --border-med: 1.5px;

  /* Shadows — low, cool navy tint, diffused (premium, not floaty) */
  --shadow-xs: 0 1px 2px rgba(15, 36, 80, 0.06);
  --shadow-sm: 0 2px 8px rgba(15, 36, 80, 0.07);
  --shadow-md: 0 10px 30px -12px rgba(15, 36, 80, 0.18);
  --shadow-lg: 0 26px 60px -22px rgba(11, 27, 59, 0.28);
  --shadow-focus: 0 0 0 3px rgba(58, 107, 208, 0.35);

  /* Image treatment — protection gradient for text over photos */
  --scrim-dark: linear-gradient(180deg, rgba(8,21,51,0) 0%, rgba(8,21,51,0.55) 62%, rgba(8,21,51,0.88) 100%); /* @kind other */
  --scrim-side: linear-gradient(90deg, rgba(8,21,51,0.86) 0%, rgba(8,21,51,0.5) 45%, rgba(8,21,51,0) 78%); /* @kind other */

  /* Motion — calm, no bounce. Confidence = steadiness. */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-med: 240ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}