/* ============================================================
   VersaSol · Border & Radius Tokens
   Minimal radius system — sober, architectural.
   No pill-everything; use full only for tags/chips.
   ============================================================ */

:root {
  /* ── Radius Scale ─────────────────────────────────────────── */
  --radius-none:  0;
  --radius-xs:    2px;
  --radius-sm:    4px;
  --radius-md:    6px;   /* ← primary component radius */
  --radius-lg:    10px;  /* ← cards, panels */
  --radius-xl:    16px;  /* ← modals, large cards */
  --radius-2xl:   24px;
  --radius-full:  9999px;  /* pills, chips, avatars */

  /* ── Semantic Radius Aliases ──────────────────────────────── */
  --radius-btn:    var(--radius-md);
  --radius-input:  var(--radius-md);
  --radius-card:   var(--radius-lg);
  --radius-badge:  var(--radius-sm);
  --radius-chip:   var(--radius-full);
  --radius-avatar: var(--radius-full);
  --radius-modal:  var(--radius-xl);
  --radius-tooltip: var(--radius-sm);

  /* ── Border Widths ────────────────────────────────────────── */
  --border-thin:   1px;
  --border-base:   1.5px;
  --border-thick:  2px;
  --border-heavy:  3px;

  /* ── Dividers ─────────────────────────────────────────────── */
  --divider:        1px solid var(--color-border);
  --divider-strong: 1px solid var(--color-border-strong);
  --divider-dark:   1px solid var(--color-border-dark);
}