@layer starter, reset, base, state, application;

.border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
.border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
.border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
.border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
.border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
.border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
.border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
.border-radius-circular {border-radius: var(--a2-border-radius-circular, 100%)}
.border-radius-large {border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem))}
.border-radius-medium {border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem))}
.border-radius-none {border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem))}
.border-radius-small {border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem))}
.border-radius-xlarge {border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
.border-width-default {border-width: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem))}
.border-width-none {border-width: var(--a2-border-width-none, var(--a2-size-0, 0rem))}
.border-width-strong {border-width: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem))}
@supports (color: light-dark(#fff, #000)) {
  .border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
  .border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
  .border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
  .border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
  .border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
  .border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
  .border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
}

@layer application {
  .border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
  .border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
  .border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
  .border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
  .border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
  .border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
  .border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
  .border-radius-circular {border-radius: var(--a2-border-radius-circular, 100%)}
  .border-radius-large {border-radius: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem))}
  .border-radius-medium {border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem))}
  .border-radius-none {border-radius: var(--a2-border-radius-none, var(--a2-radius-0, 0rem))}
  .border-radius-small {border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem))}
  .border-radius-xlarge {border-radius: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem))}
  .border-width-default {border-width: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem))}
  .border-width-none {border-width: var(--a2-border-width-none, var(--a2-size-0, 0rem))}
  .border-width-strong {border-width: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem))}
  @supports (color: light-dark(#fff, #000)) {
    .border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
    .border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
    .border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
    .border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
    .border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
    .border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
    .border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
  }
}