/**
 * Border Tokens
 *
 * Border widths and radius
 */

:root {
  /* Border Widths */
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;

  /* Border Radius */
  --radius-none: 0;
  --radius-sm: 0.2rem; /* 2px */
  --radius-base: 0.4rem; /* 4px */
  --radius-md: 0.6rem; /* 6px */
  --radius-lg: 0.8rem; /* 8px */
  --radius-xl: 1.2rem; /* 12px */
  --radius-2xl: 1.6rem; /* 16px */
  --radius-3xl: 2.4rem; /* 24px */
  --radius-full: 9999px;

  /* Semantic */
  --radius-button: var(--radius-md);
  --radius-input: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-badge: var(--radius-full);
}
