/* Elan radii, borders, shadows, motion.
   Almost no drop shadows in the brand — depth comes from 1px hairlines
   and large soft-tinted panels. */
:root{
  --radius-xs:3px;    /* add-to-cart button, category tab */
  --radius-sm:5px;    /* primary CTA, filter pill */
  --radius-md:10px;   /* product image tile */
  --radius-lg:16px;   /* image inside a feature panel */
  --radius-xl:20px;   /* colour swatch card, cart summary */
  --radius-2xl:24px;  /* feature panel */
  --radius-pill:70px; /* discount medallion, slider arrow */

  --hairline:1px solid var(--elan-border);
  --hairline-brand:1px solid var(--elan-green);
  --hairline-half:.5px solid var(--elan-green);
  --hairline-ink:1px solid var(--elan-ink);

  --ring-tile:inset 0 0 0 1px var(--elan-border);
  --ring-brand:inset 0 0 0 1px var(--elan-green);
  --ring-brand-half:inset 0 0 0 .5px var(--elan-green);
  --shadow-chip:0 0 0 .3px #D5D5D5;

  --overlay-hero:linear-gradient(181.586deg,rgba(0,0,0,.71) .97%,rgba(0,0,0,0) 82.74%); /* @kind other */
  --wash-section:linear-gradient(151.284deg,rgba(24,83,75,.05) 12.11%,rgba(24,83,75,.05) 91.5%); /* @kind other */
  --wash-hero-top:linear-gradient(180deg,#EDEDED 0%,rgba(237,237,237,0) 100%); /* @kind other */
  --wash-footer:linear-gradient(180deg,#FBFBFB 0%,rgba(157,216,208,.7) 100%); /* @kind other */

  --ease-brand:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:400ms; /* @kind other */
}