:root {
  /* Border Width */
  --border-width-none: 0;
  --border-width-thin: 1px;
  --border-width-medium: 2px;
  --border-width-thick: 4px;
  --border-width-thicker: 8px;

  /* Border Style */
  --border-style-solid: solid;
  --border-style-dashed: dashed;
  --border-style-dotted: dotted;
}

/* Classes utilitárias de border width */
.border-0 { border-width: var(--border-width-none); }
.border { border-width: var(--border-width-thin); }
.border-2 { border-width: var(--border-width-medium); }
.border-4 { border-width: var(--border-width-thick); }
.border-8 { border-width: var(--border-width-thicker); }

/* Border width por lado */
.border-t-0 { border-top-width: var(--border-width-none); }
.border-t { border-top-width: var(--border-width-thin); }
.border-t-2 { border-top-width: var(--border-width-medium); }
.border-t-4 { border-top-width: var(--border-width-thick); }
.border-t-8 { border-top-width: var(--border-width-thicker); }

.border-r-0 { border-right-width: var(--border-width-none); }
.border-r { border-right-width: var(--border-width-thin); }
.border-r-2 { border-right-width: var(--border-width-medium); }
.border-r-4 { border-right-width: var(--border-width-thick); }
.border-r-8 { border-right-width: var(--border-width-thicker); }

.border-b-0 { border-bottom-width: var(--border-width-none); }
.border-b { border-bottom-width: var(--border-width-thin); }
.border-b-2 { border-bottom-width: var(--border-width-medium); }
.border-b-4 { border-bottom-width: var(--border-width-thick); }
.border-b-8 { border-bottom-width: var(--border-width-thicker); }

.border-l-0 { border-left-width: var(--border-width-none); }
.border-l { border-left-width: var(--border-width-thin); }
.border-l-2 { border-left-width: var(--border-width-medium); }
.border-l-4 { border-left-width: var(--border-width-thick); }
.border-l-8 { border-left-width: var(--border-width-thicker); }

/* Border style */
.border-solid { border-style: var(--border-style-solid); }
.border-dashed { border-style: var(--border-style-dashed); }
.border-dotted { border-style: var(--border-style-dotted); }
.border-none { border-style: none; }