.na-border { border: 1px solid currentColor; }
.na-border-none { border: none; }

.na-border-xs { border: 1px solid currentColor; }
.na-border-sm { border: 2px solid currentColor; }
.na-border-md { border: 3px solid currentColor; }
.na-border-lg { border: 4px solid currentColor; }
.na-border-xl { border: 6px solid currentColor; }
.na-border-2xl { border: 8px solid currentColor; }
.na-border-3xl { border: 12px solid currentColor; }

.na-border-top { border-top: 1px solid currentColor; }
.na-border-right { border-right: 1px solid currentColor; }
.na-border-bottom { border-bottom: 1px solid currentColor; }
.na-border-left { border-left: 1px solid currentColor; }

.na-border-default { border-color: var(--na-color-default); }
.na-border-primary { border-color: var(--na-color-primary); }
.na-border-secondary { border-color: var(--na-color-secondary); }
.na-border-success { border-color: var(--na-color-success); }
.na-border-warning { border-color: var(--na-color-warning); }
.na-border-danger { border-color: var(--na-color-danger); }
.na-border-info { border-color: var(--na-color-info); }
.na-border-brand { border-color: var(--na-color-brand); }
.na-border-accent { border-color: var(--na-color-accent); }
.na-border-white { border-color: var(--na-color-white); }
.na-border-black { border-color: var(--na-color-black); }
.na-border-disabled { border-color: var(--na-color-disabled); }