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

.a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
.a2-ff-label {font-family: 'Nunito Sans', sans-serif}
.a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
.a2-fs-heading-default {font-size: 1.25rem}
.a2-fs-heading-large {font-size: 1.5rem}
.a2-fs-heading-small {font-size: 1rem}
.a2-fs-heading-xlarge {font-size: 2rem}
.a2-fs-heading-xsmall {font-size: 0.875rem}
.a2-fs-label-default {font-size: 0.875rem}
.a2-fs-label-large {font-size: 1rem}
.a2-fs-label-small {font-size: 0.75rem}
.a2-fs-label-xlarge {font-size: 1.25rem}
.a2-fs-label-xsmall {font-size: 0.625rem}
.a2-fs-paragraph-default {font-size: 1rem}
.a2-fs-paragraph-large {font-size: 1.25rem}
.a2-fs-paragraph-small {font-size: 0.875rem}
.a2-fs-paragraph-xlarge {font-size: 1.5rem}
.a2-fs-paragraph-xsmall {font-size: 0.75rem}
.a2-fw-heading {font-weight: 700}
.a2-fw-label {font-weight: 600}
.a2-fw-paragraph {font-weight: 400}

    
@layer application {
  .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
  .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
  .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
  .a2-fs-heading-default {font-size: 1.25rem}
  .a2-fs-heading-large {font-size: 1.5rem}
  .a2-fs-heading-small {font-size: 1rem}
  .a2-fs-heading-xlarge {font-size: 2rem}
  .a2-fs-heading-xsmall {font-size: 0.875rem}
  .a2-fs-label-default {font-size: 0.875rem}
  .a2-fs-label-large {font-size: 1rem}
  .a2-fs-label-small {font-size: 0.75rem}
  .a2-fs-label-xlarge {font-size: 1.25rem}
  .a2-fs-label-xsmall {font-size: 0.625rem}
  .a2-fs-paragraph-default {font-size: 1rem}
  .a2-fs-paragraph-large {font-size: 1.25rem}
  .a2-fs-paragraph-small {font-size: 0.875rem}
  .a2-fs-paragraph-xlarge {font-size: 1.5rem}
  .a2-fs-paragraph-xsmall {font-size: 0.75rem}
  .a2-fw-heading {font-weight: 700}
  .a2-fw-label {font-weight: 600}
  .a2-fw-paragraph {font-weight: 400}
  
}