/* ── Radii, elevation, motion ─────────────────────────────────────────
   The mark is built from circles and soft organic curves; the interface
   echoes that with large radii and pill controls. Nothing is sharp. */
:root{
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-2xl:44px;
  --radius-pill:999px;
  --radius-circle:50%;

  --border-width:1px;
  --border-width-strong:2px;

  /* Shadows are teal-tinted and low-contrast — sunlight, not drama. */
  --shadow-xs:0 1px 2px rgba(0,58,66,.06);
  --shadow-sm:0 2px 6px rgba(0,58,66,.07);
  --shadow-md:0 10px 24px -8px rgba(0,58,66,.16);
  --shadow-lg:0 22px 48px -16px rgba(0,58,66,.22);
  --shadow-inset:inset 0 1px 0 rgba(255,255,255,.35);
  --shadow-focus:0 0 0 3px rgba(82,186,178,.45);

  /* Protection layer for logos/text over photography (manual p.17) */
  --scrim-photo:linear-gradient(180deg,rgba(0,58,66,0) 0%,rgba(0,58,66,.62) 100%); /* @kind other */
  --scrim-solid:rgba(0,91,104,.86);
  --glass-blur:blur(14px); /* @kind other */
  --glass-fill:rgba(255,255,255,.14);

  --duration-fast:140ms; /* @kind other */
  --duration-base:220ms; /* @kind other */
  --duration-slow:420ms; /* @kind other */
  --ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
  /* gentle overshoot, sparingly */
  --ease-sun:cubic-bezier(.34,1.32,.64,1); /* @kind other */

  --press-scale:0.97; /* @kind other */
}