/* ============================================================
   WALKER — EFFECTS: radii, borders, shadows, motion
   Heritage-modern: crisp, low radii, soft cool-indigo shadows.
   ============================================================ */

:root {
  /* ---- Corner radii (restrained — heritage reads square) ---- */
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius-card: var(--radius-sm);

  /* ---- Border widths ---- */
  --border-hair: 1px;
  --border-thick: 2px;

  /* ---- Shadows (tinted with the indigo, never neutral grey) ---- */
  --shadow-xs: 0 1px 2px rgba(21, 9, 82, 0.06);
  --shadow-sm: 0 1px 3px rgba(21, 9, 82, 0.08), 0 1px 2px rgba(21, 9, 82, 0.04);
  --shadow-md: 0 6px 18px -6px rgba(21, 9, 82, 0.16), 0 2px 6px -2px rgba(21, 9, 82, 0.08);
  --shadow-lg: 0 18px 48px -12px rgba(21, 9, 82, 0.22), 0 6px 16px -8px rgba(21, 9, 82, 0.10);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* ---- Focus ---- */
  --ring: 0 0 0 3px rgba(70, 52, 145, 0.35);

  /* ---- Motion (heritage = calm; ease, no bounce) ---- */
  --ease-standard: cubic-bezier(0.32, 0.08, 0.24, 1);  /* @kind other */
  --ease-entrance: cubic-bezier(0.16, 0.84, 0.44, 1);  /* @kind other */
  --dur-fast: 120ms;   /* @kind other */
  --dur-normal: 220ms; /* @kind other */
  --dur-slow: 420ms;   /* @kind other */
}