/* Elevate Labs — Radii, shadows, borders & motion
   Rounded, friendly corners + soft warm-tinted shadows. The brand badge is a
   circle, so the system leans on generous rounding and full pills. */

:root {
  /* Corner radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;   /* default card / input */
  --radius-lg:   22px;   /* feature cards */
  --radius-xl:   32px;
  --radius-pill: 999px;  /* buttons, tags, chips */
  --radius-full: 50%;    /* badge / avatar */

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

  /* Shadows — warm, navy-tinted, soft (light & airy) */
  --shadow-xs: 0 1px 2px rgba(11, 11, 69, 0.06);
  --shadow-sm: 0 2px 8px rgba(11, 11, 69, 0.07);
  --shadow-md: 0 8px 24px rgba(11, 11, 69, 0.09);
  --shadow-lg: 0 18px 48px rgba(11, 11, 69, 0.12);
  --shadow-orange: 0 8px 22px rgba(255, 141, 54, 0.32); /* lift on primary CTA */

  /* Motion — gentle, no bounce. Confident but calm. */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-soft:  cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-normal: 220ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */
}