/* Harmatliget — Effects: radius, shadow, motion
   Mostly square corners (architectural), with only buttons softened a hair and pills
   fully round. One soft, warm-tinted ambient shadow. Quick, gentle ease transitions —
   no bounce. */
:root {
  /* ---- Radius ---- */
  --radius-button: 3px;   /* buttons / inputs — barely softened */
  --radius-card: 0px;     /* cards & images are crisp-cornered */
  --radius-popover: 10px; /* floating popovers */
  --radius-pill: 999px;   /* tags / pills */
  --radius-circle: 50%;   /* icon chips / avatars / dots */

  /* ---- Shadow ---- */
  --shadow-soft: 0 18px 54px rgba(46, 34, 24, 0.11);  /* ambient lift */
  --shadow-card: 0 16px 42px rgba(46, 34, 24, 0.08);  /* card lift */
  --shadow-popover: 0 18px 50px rgba(49, 38, 29, 0.22);
  --shadow-header: 0 10px 34px rgba(51, 40, 33, 0.08);

  /* ---- Motion ---- */
  --ease: ease; /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --blur-glass: blur(16px); /* @kind other */
  --blur-header: blur(18px); /* @kind other */
}