/* VintageWoodCanvas — Effects: radii, shadows, borders, motion
 * Restrained corners (this is a framed, squared, crafted brand — not bubbly).
 * Shadows are warm-tinted (brown/black) and soft, like gallery lighting.
 */

:root {
  /* ---- Radii (modest; frames, not pills) --------------------------- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   16px;
  --radius-pill: 999px;

  /* ---- Border widths ----------------------------------------------- */
  --border-hairline: 1px;
  --border-frame:    2px;   /* the "matte frame" weight */

  /* ---- Shadows (warm, soft, low) ----------------------------------- */
  --shadow-xs:  0 1px 2px rgba(33, 25, 19, 0.08);
  --shadow-sm:  0 2px 6px rgba(33, 25, 19, 0.10);
  --shadow-md:  0 8px 20px -6px rgba(33, 25, 19, 0.16);
  --shadow-lg:  0 20px 44px -12px rgba(33, 25, 19, 0.22);
  --shadow-frame: 0 1px 0 var(--paper-50), 0 0 0 1px var(--border-default), 0 14px 30px -14px rgba(33, 25, 19, 0.30);
  /* Letterpress: subtle inner debossed feel for inputs / sunken wells */
  --shadow-inset: inset 0 1px 2px rgba(33, 25, 19, 0.12);

  /* ---- Motion (deliberate, no bounce) ------------------------------ */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.45, 0.05, 0.55, 0.95); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  /* ---- Z-index ----------------------------------------------------- */
  --z-base: 1; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-toast: 1100; /* @kind other */
}