/* ===========================================================================
   Better Earth — Radii, borders, shadows, motion
   Warm, soft, organic. Generous radii on cards; pill controls; gentle shadows.
   =========================================================================== */
:root {
  /* Corner radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-card: var(--radius-lg);
  --radius-pill: 999px;

  /* Borders */
  --border-width: 1px;
  --border-hairline: 1px solid var(--border-default);

  /* Shadows — warm green-tinted, low and soft (premium, never harsh) */
  --shadow-xs: 0 1px 2px rgba(28, 36, 23, 0.05);
  --shadow-sm: 0 2px 8px rgba(28, 36, 23, 0.06);
  --shadow-md: 0 10px 28px -12px rgba(28, 36, 23, 0.18);
  --shadow-lg: 0 24px 60px -24px rgba(28, 36, 23, 0.26);
  --shadow-forest: 0 24px 60px -24px rgba(30, 61, 19, 0.45);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.5);

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);  /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);           /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);       /* @kind other */
  --dur-fast: 140ms;   /* @kind other */
  --dur-base: 240ms;   /* @kind other */
  --dur-slow: 420ms;   /* @kind other */

  /* Focus */
  --focus-ring-width: 3px;  /* @kind spacing */
}