/* ============================================================
   BRIVA POOLS — EFFECTS: radii, shadows, motion
   Calm, premium, "white-glove". Soft shadows, generous radii,
   gentle easing. No drop shadows on the logo (per guidelines),
   but UI surfaces use subtle elevation.
   ============================================================ */

:root {
  /* Corner radii — rounded & friendly, never sharp */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 40px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);

  /* Shadows — warm-tinted, soft, water-calm */
  --shadow-xs: 0 1px 2px rgba(43, 40, 35, 0.06);
  --shadow-sm: 0 2px 6px rgba(43, 40, 35, 0.07);
  --shadow-md: 0 8px 22px rgba(27, 46, 58, 0.10);
  --shadow-lg: 0 18px 42px rgba(27, 46, 58, 0.14);
  --shadow-xl: 0 30px 70px rgba(27, 46, 58, 0.18);
  --shadow-brand: 0 14px 30px rgba(21, 124, 137, 0.28);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* Focus */
  --focus-width: 3px;

  /* Motion — gentle, never bouncy */
  --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 */
  --dur-fast: 130ms;  /* @kind other */
  --dur-base: 220ms;  /* @kind other */
  --dur-slow: 420ms;  /* @kind other */

  /* Glass / overlay */
  --overlay-scrim: rgba(27, 46, 58, 0.55);
  --blur-panel: saturate(140%) blur(14px); /* @kind other */
}