/* ============================================================
   DESIGN TOKENS: BORDERS & RADII
   Border styles, widths, and border-radius values
   ============================================================ */

:root {
    /* ========================================
       BORDER RADIUS
       ======================================== */
    --ds-border-radius-none: 0;
    --ds-border-radius-sm: 0.25rem;    /* 4px */
    --ds-border-radius: 0.375rem;      /* 6px - default */
    --ds-border-radius-md: 0.5rem;     /* 8px */
    --ds-border-radius-lg: 0.75rem;    /* 12px */
    --ds-border-radius-xl: 1rem;       /* 16px */
    --ds-border-radius-2xl: 1.5rem;    /* 24px */
    --ds-border-radius-pill: 50rem;    /* Full pill shape */
    --ds-border-radius-circle: 50%;    /* Perfect circle */

    /* ========================================
       BORDER WIDTH
       ======================================== */
    --ds-border-width: 1px;

    /* ========================================
       BORDER STYLES
       ======================================== */
    --ds-border-style: solid;
}