/* ============================================================
   Feli Feli — Effects: radius, borders, shadows, motion.
   Shadows are warm (espresso-tinted), never neutral gray.
   Corners are restrained — heritage/print sensibility, not soft UI.
   ============================================================ */
:root {
  /* Corner radius */
  --radius-xs:   2px;
  --radius-sm:   3px;   /* tags, chips */
  --radius-md:   6px;   /* buttons, inputs */
  --radius-lg:   10px;  /* cards, panels */
  --radius-xl:   16px;  /* hero cards, large media */
  --radius-full: 999px; /* pills, avatars, NOW OPEN badge */

  /* Borders */
  --bw-hair: 1px;
  --bw-med:  1.5px;
  --bw-rule: 2px;   /* brass accent rules under headings */

  /* Warm shadows (tinted with Espresso #2C2018) */
  --shadow-xs: 0 1px 2px rgba(26,22,18,0.06);
  --shadow-sm: 0 2px 6px rgba(26,22,18,0.08);
  --shadow-md: 0 6px 20px rgba(26,22,18,0.10);
  --shadow-lg: 0 18px 48px rgba(26,22,18,0.16);
  --shadow-inset: inset 0 1px 0 rgba(245,240,232,0.04);

  /* Motion — calm, confident, no bounce */
  --ease:        cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --dur-fast:    120ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    420ms; /* @kind other */
}