/* ============================================================
   Bickerton Beekeeping — Effects
   Radii, borders, shadows, motion.

   Two shadow languages:
   • Soft warm shadows  — the everyday default (warm-tinted, low).
   • Block / ink shadow — a hard offset in brand ink, echoing the
     woodcut line-art logo. A signature move; use sparingly on
     hero buttons and feature cards.
   ============================================================ */

:root {
  /* ---- Radii --------------------------------------------- */
  --radius-none: 0;
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   26px;
  --radius-2xl:  36px;
  --radius-pill: 999px;
  /* Nod to the arched badge — flat-bottomed dome */
  --radius-arch: 999px 999px var(--radius-md) var(--radius-md);

  /* ---- Border widths ------------------------------------- */
  --border-width:      1.5px;   /* confident hairline */
  --border-width-bold: 2.5px;   /* ink outline / block style */

  /* ---- Soft shadows (warm-tinted) ------------------------ */
  --shadow-xs: 0 1px 2px rgba(33, 29, 20, 0.06);
  --shadow-sm: 0 2px 6px rgba(33, 29, 20, 0.08);
  --shadow-md: 0 6px 18px rgba(33, 29, 20, 0.10);
  --shadow-lg: 0 16px 40px rgba(33, 29, 20, 0.14);
  --shadow-xl: 0 28px 64px rgba(33, 29, 20, 0.18);
  --shadow-brand: 0 12px 30px rgba(240, 194, 52, 0.38);
  --shadow-inset: inset 0 2px 4px rgba(33, 29, 20, 0.08);

  /* ---- Block / ink shadow (signature) -------------------- */
  --shadow-block-sm: 2px 2px 0 var(--wax-900);
  --shadow-block:    4px 4px 0 var(--wax-900);
  --shadow-block-lg: 7px 7px 0 var(--wax-900);

  /* ---- Motion -------------------------------------------- */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  /* A little honey-drip overshoot for playful moments */
  --ease-drip:  cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

  /* ---- Z-index ------------------------------------------- */
  --z-base:     0; /* @kind other */
  --z-raised:   10; /* @kind other */
  --z-sticky:   100; /* @kind other */
  --z-overlay:  1000; /* @kind other */
  --z-modal:    1100; /* @kind other */
  --z-toast:    1200; /* @kind other */
}