/* Therius — Radius & shadow tokens
   Exact values from the shipped Tailwind config — not snapped to a 4/8px grid. */

:root {
  --radius-xs:   4px;    /* checkboxes, tiny chips */
  --radius-sm:   6px;    /* Tailwind "sm" override */
  --radius-md:   8px;    /* buttons, selects' chevron box */
  --radius-lg:   12px;   /* cards, inputs, dialogs, drawers ("lg"/"xl" overrides) */
  --radius-xl:   16px;   /* connection card (brand spec) */
  --radius-2xl:  20px;   /* brand panels / specimen cards */
  --radius-full: 9999px; /* badges, pills, avatars, toggles */

  --shadow-card:   0 1px 3px 0 rgb(0 0 0 / 0.07), 0 1px 2px -1px rgb(0 0 0 / 0.07);
  --shadow-card-hover: 0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06);
  --shadow-dialog: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadow-dropdown: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
}