/* ============================================================
   meeting place. — EFFECTS: radius, shadow, blur, motion
   Soft, weightless, atmospheric. Shadows are low + diffuse
   (objects float in mist), radii are generous and rounded.
   ============================================================ */

:root {
  /* ---- Corner radius ---- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
  --radius-pill: 999px;
  --radius-circle: 50%;

  /* ---- Shadows: diffuse, cool-tinted, low contrast ---- */
  --shadow-xs: 0 1px 2px rgba(16, 36, 42, 0.06);
  --shadow-sm: 0 2px 8px rgba(16, 36, 42, 0.06), 0 1px 2px rgba(16, 36, 42, 0.04);
  --shadow-md: 0 8px 24px rgba(16, 36, 42, 0.08), 0 2px 6px rgba(16, 36, 42, 0.05);
  --shadow-lg: 0 18px 48px rgba(16, 36, 42, 0.10), 0 4px 12px rgba(16, 36, 42, 0.06);
  --shadow-xl: 0 32px 80px rgba(16, 36, 42, 0.14), 0 8px 20px rgba(16, 36, 42, 0.07);

  /* Brand-tinted glow (presence) — for the orb & focal CTAs */
  --glow-presence: 0 12px 48px rgba(20, 87, 214, 0.28);
  --glow-teal: 0 10px 36px rgba(13, 127, 140, 0.22);

  /* Inset / pressed */
  --shadow-inset: inset 0 1px 2px rgba(16, 36, 42, 0.08);

  /* ---- Blur (frosted glass) ---- */
  --blur-sm: 8px;
  --blur-md: 16px;
  --blur-lg: 28px;

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-thick: 1.5px;

  /* ---- 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: 130ms;   /* @kind other */
  --dur-base: 220ms;   /* @kind other */
  --dur-slow: 420ms;   /* @kind other */
  --dur-ambient: 8s; /* @kind other */
}