/* ==========================================================================
   Enamel — Spacing, radius, shadow, motion, layout tokens
   4px base grid. Soft cool-tinted shadows. Calm, quick motion.
   ========================================================================== */

:root {
  /* Spacing scale (4px base) */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* Radius */
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;   /* inputs, small cards */
  --radius-lg:   14px;   /* cards, panels */
  --radius-xl:   20px;   /* large surfaces */
  --radius-2xl:  28px;
  --radius-full: 9999px;

  /* Borders */
  --border-width: 1px;
  --border-width-2: 1.5px;

  /* Shadows — cool slate tint, low + soft (clinical, not dramatic) */
  --shadow-xs:  0 1px 2px rgba(20, 35, 45, 0.06);
  --shadow-sm:  0 1px 3px rgba(20, 35, 45, 0.08), 0 1px 2px rgba(20, 35, 45, 0.04);
  --shadow-md:  0 4px 12px rgba(20, 35, 45, 0.08), 0 1px 3px rgba(20, 35, 45, 0.05);
  --shadow-lg:  0 12px 28px rgba(20, 35, 45, 0.12), 0 2px 6px rgba(20, 35, 45, 0.06);
  --shadow-xl:  0 24px 56px rgba(20, 35, 45, 0.16), 0 4px 10px rgba(20, 35, 45, 0.07);
  --shadow-focus: 0 0 0 3px var(--brand-ring);
  --shadow-inner: inset 0 1px 2px rgba(20, 35, 45, 0.07);

  /* Motion */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.25, 1);
  --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --dur-fast:   120ms;
  --dur-base:   180ms;
  --dur-slow:   280ms;

  /* Layout */
  --sidebar-w:        252px;
  --sidebar-w-collapsed: 64px;
  --topbar-h:         60px;
  --content-max:      1200px;
  --field-h:          38px;
  --field-h-sm:       30px;
  --field-h-lg:       46px;

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