/* ============================================================
   Ordit — Radii, borders, shadows, motion
   Soft, generous rounding; light diffuse shadows.
   ============================================================ */
:root {
  /* Corner radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;   /* default card radius (expertise cards) */
  --radius-xl: 24px;
  --radius-2xl: 32px;  /* large panels / hero container */
  --radius-pill: 999px;

  /* Borders */
  --border-width: 1px; /* @kind other */

  /* Shadows — soft, low-contrast, cool-tinted */
  --shadow-xs: 0 1px 2px rgba(2, 33, 65, 0.06);
  --shadow-sm: 0 2px 8px rgba(2, 33, 65, 0.06);
  --shadow-md: 0 8px 24px rgba(2, 33, 65, 0.08);
  --shadow-lg: 0 20px 48px rgba(2, 33, 65, 0.12);
  --shadow-focus: 0 0 0 3px rgba(1, 116, 217, 0.25);

  /* Motion */
  --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: 320ms; /* @kind other */
}