/* ============================================================
   FlowSpace — Border radius tokens
   Defaults: buttons/inputs 8px, cards 12px, modals 16px.
   ============================================================ */

:root {
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-2xl:  16px;
  --radius-3xl:  24px;
  --radius-4xl:  32px;
  --radius-full: 9999px;

  /* Component-level radii */
  --radius-button:  var(--radius-lg);
  --radius-input:   var(--radius-lg);
  --radius-card:    var(--radius-xl);
  --radius-modal:   var(--radius-2xl);
  --radius-badge:   var(--radius-full);
  --radius-tag:     var(--radius-md);
  --radius-avatar:  var(--radius-full);
  --radius-tooltip: var(--radius-md);
}