/* Typefaces */

/* Aeonik Fonts */
@font-face {
    font-family: 'Aeonik';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Aeonik/Aeonik-Light/Aeonik-Light.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Aeonik/Aeonik-Regular/Aeonik-Regular.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Aeonik/Aeonik-Medium/Aeonik-Medium.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Lausanne Fonts */
@font-face {
    font-family: 'Lausanne';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Lausanne/TWK-Lausanne-100/TWKLausanne-100.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lausanne';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Lausanne/TWK-Lausanne-200/TWKLausanne-200.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lausanne';
    src: url('/wp-content/themes/PACE-Theme/assets/fonts/Lausanne/TWK-Lausanne-300/TWKLausanne-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

h1 { font-size: 50px; font-weight: 100; }
h2 { font-size: 20px; font-weight: 200; }
h3 { font-size: 16px; font-weight: 200; }
h4 { font-size: 14px; font-weight: 200; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  font-family: 'Aeonik', 'Lausanne', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: black !important;
    text-decoration: none; 
}

h1 a.allow-color,
h2 a.allow-color,
h3 a.allow-color,
h4 a.allow-color,
h5 a.allow-color,
h6 a.allow-color {
    color: #0d6efd !important;
}

/* Span to be added after implementation */
body, p, label, a {
    font-family: 'Lausanne', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: 100;
    font-size: 14px;
    line-height: 1.6;
}

.font-100 {
    font-weight: 100!important;
}

.font-200 {
    font-weight: 200!important;
}

.font-300 {
    font-weight: 300!important;
}

.secondary-text-light,
.secondary-text-dark,
.badge-text,
.tooltip-text {
    font-size: 13px;
}

.secondary-text-light,
.secondary-text-dark,
.badge-text,
.tooltip-text,
.error-text, 
.validation-text {
    font-weight: 300;
}

.secondary-text-light { color: #949494; }
.secondary-text-dark  { color: #c2c2c2; }
.error-text           { color: #b7576a; }
.validation-text      { color: #2e845c; }