/* ============================================================
   Canalis Labs — Effects: radii, shadows, motion
   Cards are crisp and lightly elevated. Shadows are cool-tinted
   (blue-grey), never pure black. Corners are moderately rounded.
   Motion is quick and confident — short durations, gentle ease.
   ============================================================ */

:root {
  /* ---- Radii ---- */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;

  /* ---- Shadows (cool blue-grey, layered, soft) ---- */
  --shadow-xs:  0 1px 2px rgba(31, 48, 102, 0.06);
  --shadow-sm:  0 1px 3px rgba(31, 48, 102, 0.08), 0 1px 2px rgba(31, 48, 102, 0.05);
  --shadow-md:  0 4px 12px rgba(31, 48, 102, 0.08), 0 2px 4px rgba(31, 48, 102, 0.05);
  --shadow-lg:  0 12px 28px rgba(31, 48, 102, 0.10), 0 4px 10px rgba(31, 48, 102, 0.05);
  --shadow-xl:  0 24px 56px rgba(31, 48, 102, 0.14), 0 8px 18px rgba(31, 48, 102, 0.06);
  --shadow-brand: 0 10px 28px rgba(64, 107, 224, 0.30);
  --shadow-focus: 0 0 0 3px var(--ring);

  /* ---- 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:    120ms; /* @kind other */
  --dur-base:    180ms; /* @kind other */
  --dur-slow:    280ms; /* @kind other */

  /* ---- Signature gradients (use sparingly) ---- */
  --gradient-brand: linear-gradient(135deg, var(--blue-500) 0%, var(--blue-700) 100%);
  --gradient-flow:  linear-gradient(120deg, var(--blue-600) 0%, var(--accent-500) 100%);
  --gradient-deep:  linear-gradient(160deg, var(--blue-900) 0%, var(--blue-950) 70%, #0b1230 100%);
}