/* ============================================================
   HARMONIA — Radius, elevation & motion tokens
   Minimalist: near-sharp corners, hairline-led depth,
   warm barely-there shadows. No bounce, no spring.
   ============================================================ */
:root {
  /* —— Corner radius (near-sharp) —— */
  --radius-none: 0;
  --radius-sm:   2px;   /* buttons, inputs                 */
  --radius-md:   6px;   /* cards                           */
  --radius-lg:   10px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* —— Border widths —— */
  --border-w:       1px;
  --border-w-thick: 1.5px;

  /* —— Elevation (warm, low, diffuse) —— */
  --shadow-none: none;
  --shadow-xs:   0 1px 2px rgba(33, 28, 16, 0.05);
  --shadow-sm:   0 2px 10px rgba(33, 28, 16, 0.06);
  --shadow-md:   0 10px 30px rgba(33, 28, 16, 0.08);
  --shadow-lg:   0 26px 64px rgba(33, 28, 16, 0.12);
  --shadow-gold: 0 14px 40px rgba(154, 123, 60, 0.20); /* CTA hover glow */

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