/* Korbel.ai — Radius & elevation tokens
   Engineered, not decorative. Small, restrained radii; low, flat shadows.
   "Steel doesn't wobble." */

:root {
  /* ---- Corner radii ---- */
  --radius-none: 0;
  --radius-xs:   4px;   /* chips, small tags, KPI cards */
  --radius-sm:   5px;   /* buttons, nav items, inputs */
  --radius-md:   6px;   /* cards, panels */
  --radius-lg:   8px;   /* app frames, large surfaces */
  --radius-xl:   11px;  /* command bar */
  --radius-pill: 999px; /* status dots, avatars */

  /* ---- Elevation — flat and low. Light surface is primary. ---- */
  --shadow-none: none;
  --shadow-xs:  0 1px 2px rgba(20, 24, 30, 0.06);
  --shadow-sm:  0 2px 8px rgba(20, 24, 30, 0.08);
  --shadow-md:  0 6px 18px rgba(20, 24, 30, 0.10);
  --shadow-lg:  0 18px 48px rgba(20, 24, 30, 0.10);

  /* Dark-surface elevation is deeper. */
  --shadow-dark-md: 0 6px 18px rgba(0, 0, 0, 0.28);
  --shadow-dark-lg: 0 18px 48px rgba(0, 0, 0, 0.45);

  /* ---- Border widths ---- */
  --border-hairline: 1px;
  --border-bracket:  2px;  /* corner-bracket device */

  /* Icon stroke — 1.75px uniform, square caps, mitred joins */
  --icon-stroke: 1.75px;
}