/* ============================================================
   Estate — Spacing, radii, elevation, motion, z-index.
   design-system.md §2.5 / §2.6 + §6.
   ============================================================ */

:root {
  /* Spacing — 4px base scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-section: 64px;   /* working-app section rhythm */
  --sidebar-w: 270px;

  /* Radii — cards never exceed --radius-lg (12px) */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 9999px;

  /* Elevation — warm brown-tinted shadows (never cool gray) */
  --shadow-sm: 0 1px 0 #402a1406, 0 1px 2px #402a140a;
  --shadow-md: 0 6px 18px -2px #402a140f, 0 2px 6px -2px #402a140a;
  --shadow-lg: 0 18px 40px -10px #402a141a, 0 6px 18px -6px #402a140f;

  /* Motion — restrained 150–250ms */
  --motion-fast: 120ms; /* @kind other */
  --motion-base: 200ms; /* @kind other */
  --motion-slow: 320ms; /* @kind other */
  --ease-out:    cubic-bezier(0.2, 0.8, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.18, 0.64, 1); /* @kind other */

  /* Z-index */
  --z-sticky:   10; /* @kind other */
  --z-dropdown: 100; /* @kind other */
  --z-overlay:  1000; /* @kind other */
  --z-modal:    1010; /* @kind other */
  --z-toast:    1100; /* @kind other */
  --z-tooltip:  1200; /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms; /* @kind other */
    --motion-base: 0ms; /* @kind other */
    --motion-slow: 0ms; /* @kind other */
  }
}