/* ============================================================
   Blade & Timber — Effects: shadows, borders, motion, textures
   Tactile + grounded. Shadows are warm-tinted, not blue-gray.
   ============================================================ */
:root {
  /* ---- Elevation (warm-tinted shadows) ---- */
  --shadow-sm:  0 1px 2px rgba(20, 16, 11, 0.12);
  --shadow-md:  0 4px 12px rgba(20, 16, 11, 0.14);
  --shadow-lg:  0 12px 28px rgba(20, 16, 11, 0.18);
  --shadow-xl:  0 24px 56px rgba(20, 16, 11, 0.24);

  /* Chunky "stamped" offset shadow — the brand's playful button/card lift */
  --shadow-stamp:       4px 4px 0 var(--bt-slate-900);
  --shadow-stamp-press: 2px 2px 0 var(--bt-slate-900);
  --shadow-inset-line:  inset 0 0 0 1px rgba(255,255,255,0.06);

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--border-subtle);
  --border-bold:     2px solid var(--border-strong);

  /* ---- Motion ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-snap:  cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-base:   200ms; /* @kind other */
  --dur-slow:   360ms; /* @kind other */

  /* ---- Overlays / scrims for full-bleed imagery ---- */
  --scrim-bottom: linear-gradient(to top, rgba(7,39,45,0.88) 0%, rgba(7,39,45,0.45) 40%, rgba(7,39,45,0) 100%); /* @kind other */
  --scrim-flat:   rgba(7,39,45,0.55);
}