/* ============================================================
   ARQ & LINK — Radii & elevation tokens
   Radii: 8px buttons/inputs, 16px cards/modals.
   Shadows are subtle and tinted with the dark teal (--teal-900).
   ============================================================ */

:root {
  /* radii */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* elevation — teal-tinted shadows */
  --shadow-xs: 0 1px 2px rgba(6, 62, 54, 0.06);
  --shadow-sm: 0 1px 3px rgba(6, 62, 54, 0.08), 0 1px 2px rgba(6, 62, 54, 0.06);
  --shadow-md: 0 4px 12px rgba(6, 62, 54, 0.10);
  --shadow-lg: 0 12px 28px rgba(6, 62, 54, 0.12);
  --shadow-xl: 0 24px 48px rgba(6, 62, 54, 0.16);
}