/* GoEco — Radius, border & shadow tokens.
   The brand skews ROUND: pill buttons, fully-rounded blobs behind icons,
   circular logo lockups. Cards are gently rounded with a crisp charcoal
   line or a soft ambient shadow (rarely both). */
:root {
  /* Corner radii */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   22px;
  --radius-xl:   32px;
  --radius-pill: 999px;
  --radius-blob: 46% 54% 52% 48% / 56% 44% 56% 44%; /* organic icon blob */

  /* Borders — the signature crisp charcoal outline */
  --border-width: 2px;
  --border-line:  2px solid var(--go-ink);

  /* Shadows — soft, warm, low-contrast (never bluish) */
  --shadow-sm:  0 1px 2px rgba(42,44,33,0.10);
  --shadow-md:  0 6px 18px rgba(42,44,33,0.12);
  --shadow-lg:  0 18px 44px rgba(42,44,33,0.16);
  /* Sticker offset — the layered capsule-label drop used on campaign art */
  --shadow-sticker: 6px 6px 0 var(--go-yellow);

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