/* ============================================================================
   SolaceSales design tokens — corner radius scale (single source of truth).

   These three values are the ONLY radius definitions in the product. Every
   border-radius in app.css and every template resolves to one of them, so the
   entire app (dashboard, login, 2FA, and the public welcome page) can be
   reverted to squared corners by setting all three values to 2px — nothing else
   needs to change.

   Loaded by: base.html, client_base.html (before app.css), and the standalone
   pages login.html, login_2fa.html, welcome.html (which do not use app.css).

   NOT part of this scale (never change with it):
     - `border-radius: 50%`  — circles (avatars, status dots, toggle knobs)
     - `border-radius: 999px` — pills (eyebrow chips, toggle tracks)
   Those are fixed shape primitives that were round under the squared system too.
   ========================================================================== */
:root {
  --r-sm: 6px;   /* small controls: buttons, badges, inputs, chips, menu rows */
  --r-md: 10px;  /* cards, panels, banners, table containers */
  --r-lg: 16px;  /* large surfaces: modals, browser-mockup frames */
}