/* ===================================================================
   DESKTOP+WIDESCREEN (dw-)  +  WIDESCREEN (w-)
   DW: ≥1025px  (desktop e widescreen em conjunto)
   W:  ≥1920px  (apenas widescreen)

   ÍNDICE (igual nos dois blocos)
   -------------------------------------------------------------------
   1. MARGIN ....... all, top/right/bottom/left, inline/block · 0→3xl
   2. PADDING ...... all, top/right/bottom/left, inline/block · 0→3xl
   3. BORDER ....... width: all, lados, inline/block
   4. DISPLAY ...... hide, show, flex, inline, inline-block

   Secções:
   A. DESKTOP+WIDESCREEN — @media (min-width: 1025px) ...... .dw-
   B. WIDESCREEN ONLY    — @media (min-width: 1920px) ...... .w-
   -------------------------------------------------------------------
   =================================================================== */

/* ===================================================================
   A. DESKTOP + WIDESCREEN (≥1025px) — classes .dw-
   =================================================================== */
@media (min-width: 1025px) {

  /* =================================================================
     1. MARGIN
     ================================================================= */
  /* ----- Todos os lados ----- */
  .dw-m-0   { margin: 0 !important; }
  .dw-m-1   { margin: var(--space-px) !important; }
  .dw-m-3xs { margin: var(--space-1) !important; }
  .dw-m-2xs { margin: var(--space-0-5) !important; }
  .dw-m-xs  { margin: var(--space-2-5) !important; }
  .dw-m-s   { margin: var(--space-4) !important; }
  .dw-m-m   { margin: var(--space-6) !important; }
  .dw-m-l   { margin: var(--space-8) !important; }
  .dw-m-xl  { margin: var(--space-11) !important; }
  .dw-m-2xl { margin: var(--space-16) !important; }
  .dw-m-3xl { margin: var(--space-24) !important; }

  /* ----- Top ----- */
  .dw-mt-0   { margin-top: 0 !important; }
  .dw-mt-1   { margin-top: var(--space-px) !important; }
  .dw-mt-3xs { margin-top: var(--space-1) !important; }
  .dw-mt-2xs { margin-top: var(--space-0-5) !important; }
  .dw-mt-xs  { margin-top: var(--space-2-5) !important; }
  .dw-mt-s   { margin-top: var(--space-4) !important; }
  .dw-mt-m   { margin-top: var(--space-6) !important; }
  .dw-mt-l   { margin-top: var(--space-8) !important; }
  .dw-mt-xl  { margin-top: var(--space-11) !important; }
  .dw-mt-2xl { margin-top: var(--space-16) !important; }
  .dw-mt-3xl { margin-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .dw-mr-0   { margin-right: 0 !important; }
  .dw-mr-1   { margin-right: var(--space-px) !important; }
  .dw-mr-3xs { margin-right: var(--space-1) !important; }
  .dw-mr-2xs { margin-right: var(--space-0-5) !important; }
  .dw-mr-xs  { margin-right: var(--space-2-5) !important; }
  .dw-mr-s   { margin-right: var(--space-4) !important; }
  .dw-mr-m   { margin-right: var(--space-6) !important; }
  .dw-mr-l   { margin-right: var(--space-8) !important; }
  .dw-mr-xl  { margin-right: var(--space-11) !important; }
  .dw-mr-2xl { margin-right: var(--space-16) !important; }
  .dw-mr-3xl { margin-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .dw-mb-0   { margin-bottom: 0 !important; }
  .dw-mb-1   { margin-bottom: var(--space-px) !important; }
  .dw-mb-3xs { margin-bottom: var(--space-1) !important; }
  .dw-mb-2xs { margin-bottom: var(--space-0-5) !important; }
  .dw-mb-xs  { margin-bottom: var(--space-2-5) !important; }
  .dw-mb-s   { margin-bottom: var(--space-4) !important; }
  .dw-mb-m   { margin-bottom: var(--space-6) !important; }
  .dw-mb-l   { margin-bottom: var(--space-8) !important; }
  .dw-mb-xl  { margin-bottom: var(--space-11) !important; }
  .dw-mb-2xl { margin-bottom: var(--space-16) !important; }
  .dw-mb-3xl { margin-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .dw-ml-0   { margin-left: 0 !important; }
  .dw-ml-1   { margin-left: var(--space-px) !important; }
  .dw-ml-3xs { margin-left: var(--space-1) !important; }
  .dw-ml-2xs { margin-left: var(--space-0-5) !important; }
  .dw-ml-xs  { margin-left: var(--space-2-5) !important; }
  .dw-ml-s   { margin-left: var(--space-4) !important; }
  .dw-ml-m   { margin-left: var(--space-6) !important; }
  .dw-ml-l   { margin-left: var(--space-8) !important; }
  .dw-ml-xl  { margin-left: var(--space-11) !important; }
  .dw-ml-2xl { margin-left: var(--space-16) !important; }
  .dw-ml-3xl { margin-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .dw-mx-0   { margin-inline: 0 !important; }
  .dw-mx-1   { margin-inline: var(--space-px) !important; }
  .dw-mx-3xs { margin-inline: var(--space-1) !important; }
  .dw-mx-2xs { margin-inline: var(--space-0-5) !important; }
  .dw-mx-xs  { margin-inline: var(--space-2-5) !important; }
  .dw-mx-s   { margin-inline: var(--space-4) !important; }
  .dw-mx-m   { margin-inline: var(--space-6) !important; }
  .dw-mx-l   { margin-inline: var(--space-8) !important; }
  .dw-mx-xl  { margin-inline: var(--space-11) !important; }
  .dw-mx-2xl { margin-inline: var(--space-16) !important; }
  .dw-mx-3xl { margin-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .dw-my-0   { margin-block: 0 !important; }
  .dw-my-1   { margin-block: var(--space-px) !important; }
  .dw-my-3xs { margin-block: var(--space-1) !important; }
  .dw-my-2xs { margin-block: var(--space-0-5) !important; }
  .dw-my-xs  { margin-block: var(--space-2-5) !important; }
  .dw-my-s   { margin-block: var(--space-4) !important; }
  .dw-my-m   { margin-block: var(--space-6) !important; }
  .dw-my-l   { margin-block: var(--space-8) !important; }
  .dw-my-xl  { margin-block: var(--space-11) !important; }
  .dw-my-2xl { margin-block: var(--space-16) !important; }
  .dw-my-3xl { margin-block: var(--space-24) !important; }

  /* =================================================================
     2. PADDING
     ================================================================= */
  /* ----- Todos os lados ----- */
  .dw-p-0   { padding: 0 !important; }
  .dw-p-1   { padding: var(--space-px) !important; }
  .dw-p-3xs { padding: var(--space-1) !important; }
  .dw-p-2xs { padding: var(--space-0-5) !important; }
  .dw-p-xs  { padding: var(--space-2-5) !important; }
  .dw-p-s   { padding: var(--space-4) !important; }
  .dw-p-m   { padding: var(--space-6) !important; }
  .dw-p-l   { padding: var(--space-8) !important; }
  .dw-p-xl  { padding: var(--space-11) !important; }
  .dw-p-2xl { padding: var(--space-16) !important; }
  .dw-p-3xl { padding: var(--space-24) !important; }

  /* ----- Top ----- */
  .dw-pt-0   { padding-top: 0 !important; }
  .dw-pt-1   { padding-top: var(--space-px) !important; }
  .dw-pt-3xs { padding-top: var(--space-1) !important; }
  .dw-pt-2xs { padding-top: var(--space-0-5) !important; }
  .dw-pt-xs  { padding-top: var(--space-2-5) !important; }
  .dw-pt-s   { padding-top: var(--space-4) !important; }
  .dw-pt-m   { padding-top: var(--space-6) !important; }
  .dw-pt-l   { padding-top: var(--space-8) !important; }
  .dw-pt-xl  { padding-top: var(--space-11) !important; }
  .dw-pt-2xl { padding-top: var(--space-16) !important; }
  .dw-pt-3xl { padding-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .dw-pr-0   { padding-right: 0 !important; }
  .dw-pr-1   { padding-right: var(--space-px) !important; }
  .dw-pr-3xs { padding-right: var(--space-1) !important; }
  .dw-pr-2xs { padding-right: var(--space-0-5) !important; }
  .dw-pr-xs  { padding-right: var(--space-2-5) !important; }
  .dw-pr-s   { padding-right: var(--space-4) !important; }
  .dw-pr-m   { padding-right: var(--space-6) !important; }
  .dw-pr-l   { padding-right: var(--space-8) !important; }
  .dw-pr-xl  { padding-right: var(--space-11) !important; }
  .dw-pr-2xl { padding-right: var(--space-16) !important; }
  .dw-pr-3xl { padding-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .dw-pb-0   { padding-bottom: 0 !important; }
  .dw-pb-1   { padding-bottom: var(--space-px) !important; }
  .dw-pb-3xs { padding-bottom: var(--space-1) !important; }
  .dw-pb-2xs { padding-bottom: var(--space-0-5) !important; }
  .dw-pb-xs  { padding-bottom: var(--space-2-5) !important; }
  .dw-pb-s   { padding-bottom: var(--space-4) !important; }
  .dw-pb-m   { padding-bottom: var(--space-6) !important; }
  .dw-pb-l   { padding-bottom: var(--space-8) !important; }
  .dw-pb-xl  { padding-bottom: var(--space-11) !important; }
  .dw-pb-2xl { padding-bottom: var(--space-16) !important; }
  .dw-pb-3xl { padding-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .dw-pl-0   { padding-left: 0 !important; }
  .dw-pl-1   { padding-left: var(--space-px) !important; }
  .dw-pl-3xs { padding-left: var(--space-1) !important; }
  .dw-pl-2xs { padding-left: var(--space-0-5) !important; }
  .dw-pl-xs  { padding-left: var(--space-2-5) !important; }
  .dw-pl-s   { padding-left: var(--space-4) !important; }
  .dw-pl-m   { padding-left: var(--space-6) !important; }
  .dw-pl-l   { padding-left: var(--space-8) !important; }
  .dw-pl-xl  { padding-left: var(--space-11) !important; }
  .dw-pl-2xl { padding-left: var(--space-16) !important; }
  .dw-pl-3xl { padding-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .dw-px-0   { padding-inline: 0 !important; }
  .dw-px-1   { padding-inline: var(--space-px) !important; }
  .dw-px-3xs { padding-inline: var(--space-1) !important; }
  .dw-px-2xs { padding-inline: var(--space-0-5) !important; }
  .dw-px-xs  { padding-inline: var(--space-2-5) !important; }
  .dw-px-s   { padding-inline: var(--space-4) !important; }
  .dw-px-m   { padding-inline: var(--space-6) !important; }
  .dw-px-l   { padding-inline: var(--space-8) !important; }
  .dw-px-xl  { padding-inline: var(--space-11) !important; }
  .dw-px-2xl { padding-inline: var(--space-16) !important; }
  .dw-px-3xl { padding-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .dw-py-0   { padding-block: 0 !important; }
  .dw-py-1   { padding-block: var(--space-px) !important; }
  .dw-py-3xs { padding-block: var(--space-1) !important; }
  .dw-py-2xs { padding-block: var(--space-0-5) !important; }
  .dw-py-xs  { padding-block: var(--space-2-5) !important; }
  .dw-py-s   { padding-block: var(--space-4) !important; }
  .dw-py-m   { padding-block: var(--space-6) !important; }
  .dw-py-l   { padding-block: var(--space-8) !important; }
  .dw-py-xl  { padding-block: var(--space-11) !important; }
  .dw-py-2xl { padding-block: var(--space-16) !important; }
  .dw-py-3xl { padding-block: var(--space-24) !important; }

  /* =================================================================
     3. BORDER WIDTH
     ================================================================= */
  .dw-border-0 { border-width: var(--border-0) !important; }
  .dw-border-1 { border-width: var(--border-1) !important; }

  .dw-border-top-0    { border-top-width:    var(--border-0) !important; }
  .dw-border-top-1    { border-top-width:    var(--border-1) !important; }
  .dw-border-right-0  { border-right-width:  var(--border-0) !important; }
  .dw-border-right-1  { border-right-width:  var(--border-1) !important; }
  .dw-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .dw-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .dw-border-left-0   { border-left-width:   var(--border-0) !important; }
  .dw-border-left-1   { border-left-width:   var(--border-1) !important; }

  .dw-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .dw-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .dw-border-block-0  { border-block-width:  var(--border-0) !important; }
  .dw-border-block-1  { border-block-width:  var(--border-1) !important; }

  /* =================================================================
     4. DISPLAY
     ================================================================= */
  .dw-hide         { display: none         !important; }
  .dw-show         { display: block        !important; }
  .dw-flex         { display: flex         !important; }
  .dw-inline       { display: inline       !important; }
  .dw-inline-block { display: inline-block !important; }
}

/* ===================================================================
   B. WIDESCREEN ONLY (≥1920px) — classes .w-
   =================================================================== */
@media (min-width: 1920px) {

  /* =================================================================
     1. MARGIN
     ================================================================= */
  /* ----- Todos os lados ----- */
  .w-m-0   { margin: 0 !important; }
  .w-m-1   { margin: var(--space-px) !important; }
  .w-m-3xs { margin: var(--space-1) !important; }
  .w-m-2xs { margin: var(--space-0-5) !important; }
  .w-m-xs  { margin: var(--space-2-5) !important; }
  .w-m-s   { margin: var(--space-4) !important; }
  .w-m-m   { margin: var(--space-6) !important; }
  .w-m-l   { margin: var(--space-8) !important; }
  .w-m-xl  { margin: var(--space-11) !important; }
  .w-m-2xl { margin: var(--space-16) !important; }
  .w-m-3xl { margin: var(--space-24) !important; }

  /* ----- Top ----- */
  .w-mt-0   { margin-top: 0 !important; }
  .w-mt-1   { margin-top: var(--space-px) !important; }
  .w-mt-3xs { margin-top: var(--space-1) !important; }
  .w-mt-2xs { margin-top: var(--space-0-5) !important; }
  .w-mt-xs  { margin-top: var(--space-2-5) !important; }
  .w-mt-s   { margin-top: var(--space-4) !important; }
  .w-mt-m   { margin-top: var(--space-6) !important; }
  .w-mt-l   { margin-top: var(--space-8) !important; }
  .w-mt-xl  { margin-top: var(--space-11) !important; }
  .w-mt-2xl { margin-top: var(--space-16) !important; }
  .w-mt-3xl { margin-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .w-mr-0   { margin-right: 0 !important; }
  .w-mr-1   { margin-right: var(--space-px) !important; }
  .w-mr-3xs { margin-right: var(--space-1) !important; }
  .w-mr-2xs { margin-right: var(--space-0-5) !important; }
  .w-mr-xs  { margin-right: var(--space-2-5) !important; }
  .w-mr-s   { margin-right: var(--space-4) !important; }
  .w-mr-m   { margin-right: var(--space-6) !important; }
  .w-mr-l   { margin-right: var(--space-8) !important; }
  .w-mr-xl  { margin-right: var(--space-11) !important; }
  .w-mr-2xl { margin-right: var(--space-16) !important; }
  .w-mr-3xl { margin-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .w-mb-0   { margin-bottom: 0 !important; }
  .w-mb-1   { margin-bottom: var(--space-px) !important; }
  .w-mb-3xs { margin-bottom: var(--space-1) !important; }
  .w-mb-2xs { margin-bottom: var(--space-0-5) !important; }
  .w-mb-xs  { margin-bottom: var(--space-2-5) !important; }
  .w-mb-s   { margin-bottom: var(--space-4) !important; }
  .w-mb-m   { margin-bottom: var(--space-6) !important; }
  .w-mb-l   { margin-bottom: var(--space-8) !important; }
  .w-mb-xl  { margin-bottom: var(--space-11) !important; }
  .w-mb-2xl { margin-bottom: var(--space-16) !important; }
  .w-mb-3xl { margin-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .w-ml-0   { margin-left: 0 !important; }
  .w-ml-1   { margin-left: var(--space-px) !important; }
  .w-ml-3xs { margin-left: var(--space-1) !important; }
  .w-ml-2xs { margin-left: var(--space-0-5) !important; }
  .w-ml-xs  { margin-left: var(--space-2-5) !important; }
  .w-ml-s   { margin-left: var(--space-4) !important; }
  .w-ml-m   { margin-left: var(--space-6) !important; }
  .w-ml-l   { margin-left: var(--space-8) !important; }
  .w-ml-xl  { margin-left: var(--space-11) !important; }
  .w-ml-2xl { margin-left: var(--space-16) !important; }
  .w-ml-3xl { margin-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .w-mx-0   { margin-inline: 0 !important; }
  .w-mx-1   { margin-inline: var(--space-px) !important; }
  .w-mx-3xs { margin-inline: var(--space-1) !important; }
  .w-mx-2xs { margin-inline: var(--space-0-5) !important; }
  .w-mx-xs  { margin-inline: var(--space-2-5) !important; }
  .w-mx-s   { margin-inline: var(--space-4) !important; }
  .w-mx-m   { margin-inline: var(--space-6) !important; }
  .w-mx-l   { margin-inline: var(--space-8) !important; }
  .w-mx-xl  { margin-inline: var(--space-11) !important; }
  .w-mx-2xl { margin-inline: var(--space-16) !important; }
  .w-mx-3xl { margin-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .w-my-0   { margin-block: 0 !important; }
  .w-my-1   { margin-block: var(--space-px) !important; }
  .w-my-3xs { margin-block: var(--space-1) !important; }
  .w-my-2xs { margin-block: var(--space-0-5) !important; }
  .w-my-xs  { margin-block: var(--space-2-5) !important; }
  .w-my-s   { margin-block: var(--space-4) !important; }
  .w-my-m   { margin-block: var(--space-6) !important; }
  .w-my-l   { margin-block: var(--space-8) !important; }
  .w-my-xl  { margin-block: var(--space-11) !important; }
  .w-my-2xl { margin-block: var(--space-16) !important; }
  .w-my-3xl { margin-block: var(--space-24) !important; }

  /* =================================================================
     2. PADDING
     ================================================================= */
  /* ----- Todos os lados ----- */
  .w-p-0   { padding: 0 !important; }
  .w-p-1   { padding: var(--space-px) !important; }
  .w-p-3xs { padding: var(--space-1) !important; }
  .w-p-2xs { padding: var(--space-0-5) !important; }
  .w-p-xs  { padding: var(--space-2-5) !important; }
  .w-p-s   { padding: var(--space-4) !important; }
  .w-p-m   { padding: var(--space-6) !important; }
  .w-p-l   { padding: var(--space-8) !important; }
  .w-p-xl  { padding: var(--space-11) !important; }
  .w-p-2xl { padding: var(--space-16) !important; }
  .w-p-3xl { padding: var(--space-24) !important; }

  /* ----- Top ----- */
  .w-pt-0   { padding-top: 0 !important; }
  .w-pt-1   { padding-top: var(--space-px) !important; }
  .w-pt-3xs { padding-top: var(--space-1) !important; }
  .w-pt-2xs { padding-top: var(--space-0-5) !important; }
  .w-pt-xs  { padding-top: var(--space-2-5) !important; }
  .w-pt-s   { padding-top: var(--space-4) !important; }
  .w-pt-m   { padding-top: var(--space-6) !important; }
  .w-pt-l   { padding-top: var(--space-8) !important; }
  .w-pt-xl  { padding-top: var(--space-11) !important; }
  .w-pt-2xl { padding-top: var(--space-16) !important; }
  .w-pt-3xl { padding-top: var(--space-24) !important; }

  /* ----- Right ----- */
  .w-pr-0   { padding-right: 0 !important; }
  .w-pr-1   { padding-right: var(--space-px) !important; }
  .w-pr-3xs { padding-right: var(--space-1) !important; }
  .w-pr-2xs { padding-right: var(--space-0-5) !important; }
  .w-pr-xs  { padding-right: var(--space-2-5) !important; }
  .w-pr-s   { padding-right: var(--space-4) !important; }
  .w-pr-m   { padding-right: var(--space-6) !important; }
  .w-pr-l   { padding-right: var(--space-8) !important; }
  .w-pr-xl  { padding-right: var(--space-11) !important; }
  .w-pr-2xl { padding-right: var(--space-16) !important; }
  .w-pr-3xl { padding-right: var(--space-24) !important; }

  /* ----- Bottom ----- */
  .w-pb-0   { padding-bottom: 0 !important; }
  .w-pb-1   { padding-bottom: var(--space-px) !important; }
  .w-pb-3xs { padding-bottom: var(--space-1) !important; }
  .w-pb-2xs { padding-bottom: var(--space-0-5) !important; }
  .w-pb-xs  { padding-bottom: var(--space-2-5) !important; }
  .w-pb-s   { padding-bottom: var(--space-4) !important; }
  .w-pb-m   { padding-bottom: var(--space-6) !important; }
  .w-pb-l   { padding-bottom: var(--space-8) !important; }
  .w-pb-xl  { padding-bottom: var(--space-11) !important; }
  .w-pb-2xl { padding-bottom: var(--space-16) !important; }
  .w-pb-3xl { padding-bottom: var(--space-24) !important; }

  /* ----- Left ----- */
  .w-pl-0   { padding-left: 0 !important; }
  .w-pl-1   { padding-left: var(--space-px) !important; }
  .w-pl-3xs { padding-left: var(--space-1) !important; }
  .w-pl-2xs { padding-left: var(--space-0-5) !important; }
  .w-pl-xs  { padding-left: var(--space-2-5) !important; }
  .w-pl-s   { padding-left: var(--space-4) !important; }
  .w-pl-m   { padding-left: var(--space-6) !important; }
  .w-pl-l   { padding-left: var(--space-8) !important; }
  .w-pl-xl  { padding-left: var(--space-11) !important; }
  .w-pl-2xl { padding-left: var(--space-16) !important; }
  .w-pl-3xl { padding-left: var(--space-24) !important; }

  /* ----- Inline (horizontal) ----- */
  .w-px-0   { padding-inline: 0 !important; }
  .w-px-1   { padding-inline: var(--space-px) !important; }
  .w-px-3xs { padding-inline: var(--space-1) !important; }
  .w-px-2xs { padding-inline: var(--space-0-5) !important; }
  .w-px-xs  { padding-inline: var(--space-2-5) !important; }
  .w-px-s   { padding-inline: var(--space-4) !important; }
  .w-px-m   { padding-inline: var(--space-6) !important; }
  .w-px-l   { padding-inline: var(--space-8) !important; }
  .w-px-xl  { padding-inline: var(--space-11) !important; }
  .w-px-2xl { padding-inline: var(--space-16) !important; }
  .w-px-3xl { padding-inline: var(--space-24) !important; }

  /* ----- Block (vertical) ----- */
  .w-py-0   { padding-block: 0 !important; }
  .w-py-1   { padding-block: var(--space-px) !important; }
  .w-py-3xs { padding-block: var(--space-1) !important; }
  .w-py-2xs { padding-block: var(--space-0-5) !important; }
  .w-py-xs  { padding-block: var(--space-2-5) !important; }
  .w-py-s   { padding-block: var(--space-4) !important; }
  .w-py-m   { padding-block: var(--space-6) !important; }
  .w-py-l   { padding-block: var(--space-8) !important; }
  .w-py-xl  { padding-block: var(--space-11) !important; }
  .w-py-2xl { padding-block: var(--space-16) !important; }
  .w-py-3xl { padding-block: var(--space-24) !important; }

  /* =================================================================
     3. BORDER WIDTH
     ================================================================= */
  .w-border-0 { border-width: var(--border-0) !important; }
  .w-border-1 { border-width: var(--border-1) !important; }

  .w-border-top-0    { border-top-width:    var(--border-0) !important; }
  .w-border-top-1    { border-top-width:    var(--border-1) !important; }
  .w-border-right-0  { border-right-width:  var(--border-0) !important; }
  .w-border-right-1  { border-right-width:  var(--border-1) !important; }
  .w-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .w-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .w-border-left-0   { border-left-width:   var(--border-0) !important; }
  .w-border-left-1   { border-left-width:   var(--border-1) !important; }

  .w-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .w-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .w-border-block-0  { border-block-width:  var(--border-0) !important; }
  .w-border-block-1  { border-block-width:  var(--border-1) !important; }

  /* =================================================================
     4. DISPLAY
     ================================================================= */
  .w-hide         { display: none         !important; }
  .w-show         { display: block        !important; }
  .w-flex         { display: flex         !important; }
  .w-inline       { display: inline       !important; }
  .w-inline-block { display: inline-block !important; }
}