/* ============================================================
   ECWE — EFFECTS: radius, borders, shadows, motion
   Restrained. Small radii, hairline borders, soft low shadows.
   The brand reads "engraved & printed", not "soft UI".
   ============================================================ */
:root {
  /* ---- Corner radius (subtle; institutional, not bubbly) ---- */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-w-hair: 1px; /* @kind other */
  --border-w-med:  1.5px; /* @kind other */
  --border-w-rule: 2px; /* @kind other */

  /* ---- Shadows (warm-tinted, low, premium) ---- */
  --shadow-xs: 0 1px 2px rgba(63, 37, 23, 0.06);
  --shadow-sm: 0 2px 8px rgba(63, 37, 23, 0.07);
  --shadow-md: 0 10px 30px -12px rgba(63, 37, 23, 0.16);
  --shadow-lg: 0 24px 60px -24px rgba(63, 37, 23, 0.22);
  --shadow-plaque: 0 30px 70px -30px rgba(28, 26, 23, 0.34);

  /* Inset hairline used on cards for an "engraved" edge */
  --ring-hairline: inset 0 0 0 1px var(--border-hairline);
  --ring-accent:   inset 0 0 0 1px var(--border-accent);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-exit:     cubic-bezier(0.4, 0.0, 1, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   240ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */
  --dur-slower: 720ms; /* @kind other */

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