/* ============================================================
   B-8 VERMIETUNG — EFFECTS: RADIUS, BORDER, SHADOW, MOTION
   Restrained, professional. Modest corner radii; soft, low
   shadows; calm transitions (no bounce).
   ============================================================ */

:root {
  /* ---- Corner radius ---- */
  --radius-xs:   3px;
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   18px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair: 1px; /* @kind other */
  --border-thick: 2px; /* @kind other */
  --border-accent: 3px; /* brass underline / left rule on quotes @kind other */

  /* ---- Shadows (cool slate, low spread) ---- */
  --shadow-xs: 0 1px 2px rgba(11, 37, 48, 0.06);
  --shadow-sm: 0 1px 3px rgba(11, 37, 48, 0.08), 0 1px 2px rgba(11, 37, 48, 0.04);
  --shadow-md: 0 4px 12px rgba(11, 37, 48, 0.08), 0 2px 4px rgba(11, 37, 48, 0.05);
  --shadow-lg: 0 12px 28px rgba(11, 37, 48, 0.12), 0 4px 8px rgba(11, 37, 48, 0.06);
  --shadow-xl: 0 24px 56px rgba(11, 37, 48, 0.16);
  --shadow-focus: var(--focus-ring);

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast:   120ms; /* @kind other */
  --dur-normal: 200ms; /* @kind other */
  --dur-slow:   320ms; /* @kind other */

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