/* Bouden House — Elevation, radius & border tokens
 * Restraint over flash. Soft, warm-tinted shadows (never pure black),
 * modest radii (paper & print feel, not app-y bubbles), hairline rules.
 */

:root {
  /* ---- Corner radius (near-sharp, modern editorial) -------------- */
  --radius-none: 0;
  --radius-sm:   2px;    /* inputs, tags */
  --radius-md:   2px;    /* buttons, cards */
  --radius-lg:   4px;    /* large surfaces, dialogs */
  --radius-pill: 999px;  /* chips, avatars */

  /* ---- Borders --------------------------------------------------- */
  --border-width: 1px;
  --border-hairline: 1px solid var(--border);
  --border-card: 1px solid var(--border);
  --rule-weight: 2px;     /* gold/ink decorative rules */

  /* ---- Shadows (flat & restrained — lean on hairline borders) ---- */
  --shadow-xs: 0 1px 2px rgba(21,19,15,0.05);
  --shadow-sm: 0 1px 2px rgba(21,19,15,0.06);
  --shadow-md: 0 6px 20px rgba(21,19,15,0.07);
  --shadow-lg: 0 16px 40px rgba(21,19,15,0.10);
  --shadow-book: 0 14px 30px rgba(21,19,15,0.16), 0 2px 6px rgba(21,19,15,0.10);

  /* ---- Motion ---------------------------------------------------- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 360ms; /* @kind other */
}