/* ============================================================
   OASIS PEST CONTROL — ELEVATION TOKENS
   Radii, borders, shadows, blur. Shadows are soft and cool-
   tinted (a faint Oasis-blue cast) — never neutral black —
   so surfaces feel airy and fresh, not heavy.
   ============================================================ */
:root {
  /* Corner radii — friendly, generously rounded */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-2xl:  36px;
  --radius-pill: 999px;
  --radius-card: var(--radius-lg);

  /* Border widths */
  --border-thin: 1px;
  --border-med:  1.5px;
  --border-thick:2px;

  /* Cool-tinted shadows (rgba of oasis-900 #1C4856) */
  --shadow-xs: 0 1px 2px rgba(28, 72, 86, 0.08);
  --shadow-sm: 0 2px 6px rgba(28, 72, 86, 0.08), 0 1px 2px rgba(28, 72, 86, 0.06);
  --shadow-md: 0 8px 20px -6px rgba(28, 72, 86, 0.14), 0 2px 6px rgba(28, 72, 86, 0.06);
  --shadow-lg: 0 18px 40px -12px rgba(28, 72, 86, 0.20), 0 4px 10px rgba(28, 72, 86, 0.06);
  --shadow-xl: 0 32px 64px -16px rgba(28, 72, 86, 0.26);

  /* Brand glow — for the signature CTA on hover */
  --shadow-brand: 0 10px 26px -8px rgba(36, 135, 160, 0.45);

  /* Inset (pressed / inputs) */
  --shadow-inset: inset 0 1px 2px rgba(28, 72, 86, 0.10);

  /* Glass / blur */
  --blur-sm: blur(6px); /* @kind other */
  --blur-md: blur(14px); /* @kind other */

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   380ms; /* @kind other */
}