/* TradeWorks — Elevation, radii, borders, motion.
   Tight radii and functional, warm-tinted shadows — a tool, not a toy. */

:root {
  /* Corner radii — squared-off, industrial */
  --radius-xs:   2px;
  --radius-sm:   3px;
  --radius-md:   5px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-full: 999px;

  /* Border widths */
  --border-hair: 1px;
  --border-thick: 2px;

  /* Shadows — warm-tinted, low, functional */
  --shadow-xs: 0 1px 1px rgba(27, 26, 21, 0.05);
  --shadow-sm: 0 1px 2px rgba(27, 26, 21, 0.08), 0 1px 1px rgba(27, 26, 21, 0.04);
  --shadow-md: 0 2px 4px rgba(27, 26, 21, 0.08), 0 4px 8px rgba(27, 26, 21, 0.06);
  --shadow-lg: 0 8px 16px rgba(27, 26, 21, 0.10), 0 2px 4px rgba(27, 26, 21, 0.06);
  --shadow-xl: 0 16px 32px rgba(27, 26, 21, 0.14), 0 4px 8px rgba(27, 26, 21, 0.06);

  /* Focus ring — always visible, always AA */
  --ring-width: 2px;
  --ring-offset: 2px;
  --shadow-focus: 0 0 0 var(--ring-offset) var(--surface-card), 0 0 0 calc(var(--ring-offset) + var(--ring-width)) var(--focus-ring);

  /* Motion — fast, no bounce. A tool responds instantly. */
  --ease-out:   cubic-bezier(0.2, 0, 0, 1);    /* @kind other */
  --ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);  /* @kind other */
  --dur-fast:   120ms;  /* @kind other */
  --dur-normal: 180ms;  /* @kind other */
  --dur-slow:   260ms;  /* @kind other */

  /* Z-index scale */
  --z-sticky:  100;  /* @kind other */
  --z-dropdown:200;  /* @kind other */
  --z-overlay: 300;  /* @kind other */
  --z-modal:   400;  /* @kind other */
  --z-toast:   500;  /* @kind other */
}