/* ── Mauvely corner radii ────────────────────────────────────────────
   Everything is rounded; nothing is sharp. Marketing: panels 22, tiles 16, controls 10–12.
   App chrome: regions 16, dialogs 14, cards 10, controls 8, chrome 6. */
:root{
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-2xl:22px;
  --radius-3xl:28px;
  --radius-pill:999px;

  --radius-panel:var(--radius-2xl);
  --radius-card:var(--radius-xl);
  --radius-control:var(--radius-md);
  --radius-swatch:var(--radius-lg);

  /* App density — the native apps' tokens.h aliases. Tighter than the
     marketing ladder so the suite's apps read as one product. */
  --radius-region:var(--radius-xl);   /* a content panel on the app ground */
  --radius-dialog:14px;               /* dialogs, big overlays */
  --radius-app-card:var(--radius-md); /* library cards, inner tiles */
  --radius-app-control:var(--radius-sm); /* buttons, selects, inputs in app chrome */
  --radius-chrome:var(--radius-xs);   /* title-bar, window and rail buttons, menu items */
  --radius-window:var(--radius-lg);
}