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

.a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
.a2-border-color-default {border-color: var(--border-color, #949596)}
.a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
.a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
.a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
.a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
.a2-border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
.a2-border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
.a2-border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
.a2-border-radius-none {border-radius: var(--border-radius-none, 0)}
.a2-border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
.a2-border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
.a2-border-width-default {border-width: var(--border-width, 0.0625rem)}
.a2-border-width-none {border-width: var(--border-width-none, 0rem)}
.a2-border-width-strong {border-width: var(--border-width-strong, 0.125rem)}

@supports (color: light-dark(#fff, #000)) {
  .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
  .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
  .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
  .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
  .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
  .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
}
    
@layer application {
  .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
  .a2-border-color-default {border-color: var(--border-color, #949596)}
  .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
  .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
  .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
  .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
  .a2-border-radius-circular {border-radius: var(--border-radius-circular, 100%)}
  .a2-border-radius-large {border-radius: var(--border-radius-large, 0.75rem)}
  .a2-border-radius-medium {border-radius: var(--border-radius-medium, 0.375rem)}
  .a2-border-radius-none {border-radius: var(--border-radius-none, 0)}
  .a2-border-radius-small {border-radius: var(--border-radius-small, 0.1875rem)}
  .a2-border-radius-xlarge {border-radius: var(--border-radius-xlarge, 1.5rem)}
  .a2-border-width-default {border-width: var(--border-width, 0.0625rem)}
  .a2-border-width-none {border-width: var(--border-width-none, 0rem)}
  .a2-border-width-strong {border-width: var(--border-width-strong, 0.125rem)}
  
  @supports (color: light-dark(#fff, #000)) {
    .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
    .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
    .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
    .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
    .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
    .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
  }
}