@charset "UTF-8";
/*
 * Copyright (c) Alaska Air. All rights reserved. Licensed under the Apache-2.0 license
 * See LICENSE in the project root for license information.
 */

/* --------------------------------------------------------------------- */
/*
 * Generates common typography classes with Alaska theme fallbacks.
 * These classes are identical across themes but reference the Alaska theme's fallback values.
 */
.body-default {
  font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-weight: var(--wcss-body-weight, 450);
  letter-spacing: var(--wcss-body-letter-spacing, 0);
  font-size: var(--wcss-body-default-font-size, 1rem);
  line-height: var(--wcss-body-default-line-height, 1.5);
}

.body-lg {
  font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-weight: var(--wcss-body-weight, 450);
  letter-spacing: var(--wcss-body-letter-spacing, 0);
  font-size: var(--wcss-body-lg-font-size, 1.125rem);
  line-height: var(--wcss-body-lg-line-height, 1.63);
}

.body-sm {
  font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-weight: var(--wcss-body-weight, 450);
  letter-spacing: var(--wcss-body-letter-spacing, 0);
  font-size: var(--wcss-body-sm-font-size, 0.875rem);
  line-height: var(--wcss-body-sm-line-height, 1.25);
}

.body-xs {
  font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-weight: var(--wcss-body-weight, 450);
  letter-spacing: var(--wcss-body-letter-spacing, 0);
  font-size: var(--wcss-body-xs-font-size, 0.75rem);
  line-height: var(--wcss-body-xs-line-height, 1);
}

.body-2xs {
  font-family: var(--wcss-body-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  font-weight: var(--wcss-body-weight, 450);
  letter-spacing: var(--wcss-body-letter-spacing, 0);
  font-size: var(--wcss-body-2xs-font-size, 0.625rem);
  line-height: var(--wcss-body-2xs-line-height, 0.88);
}

.display-2xl {
  font-family: var(--wcss-display-2xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-2xl-letter-spacing, 0);
  font-weight: var(--wcss-display-2xl-weight, 300);
  line-height: var(--wcss-display-2xl-line-height, 1.3);
  font-size: var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));
}

.display-xl {
  font-family: var(--wcss-display-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-xl-letter-spacing, 0);
  font-weight: var(--wcss-display-xl-weight, 300);
  line-height: var(--wcss-display-xl-line-height, 1.3);
  font-size: var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));
}

.display-lg {
  font-family: var(--wcss-display-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-lg-letter-spacing, 0);
  font-weight: var(--wcss-display-lg-weight, 300);
  line-height: var(--wcss-display-lg-line-height, 1.3);
  font-size: var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));
}

.display-md {
  font-family: var(--wcss-display-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-md-letter-spacing, 0);
  font-weight: var(--wcss-display-md-weight, 300);
  line-height: var(--wcss-display-md-line-height, 1.3);
  font-size: var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));
}

.display-sm {
  font-family: var(--wcss-display-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-sm-letter-spacing, 0);
  font-weight: var(--wcss-display-sm-weight, 300);
  line-height: var(--wcss-display-sm-line-height, 1.3);
  font-size: var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));
}

.display-xs {
  font-family: var(--wcss-display-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-display-xs-letter-spacing, 0);
  font-weight: var(--wcss-display-xs-weight, 300);
  line-height: var(--wcss-display-xs-line-height, 1.3);
  font-size: var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));
}

.heading-xl {
  font-family: var(--wcss-heading-xl-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-xl-letter-spacing, 0);
  font-weight: var(--wcss-heading-xl-weight, 300);
  line-height: var(--wcss-heading-xl-line-height, 1.3);
  font-size: var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));
}

.heading-lg {
  font-family: var(--wcss-heading-lg-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-lg-letter-spacing, 0);
  font-weight: var(--wcss-heading-lg-weight, 300);
  line-height: var(--wcss-heading-lg-line-height, 1.3);
  font-size: var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));
}

.heading-md {
  font-family: var(--wcss-heading-md-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-md-letter-spacing, 0);
  font-weight: var(--wcss-heading-md-weight, 300);
  line-height: var(--wcss-heading-md-line-height, 1.3);
  font-size: var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));
}

.heading-sm {
  font-family: var(--wcss-heading-sm-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-sm-letter-spacing, 0);
  font-weight: var(--wcss-heading-sm-weight, 300);
  line-height: var(--wcss-heading-sm-line-height, 1.3);
  font-size: var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));
}

.heading-xs {
  font-family: var(--wcss-heading-xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-xs-letter-spacing, 0);
  font-weight: var(--wcss-heading-xs-weight, 450);
  line-height: var(--wcss-heading-xs-line-height, 1.3);
  font-size: var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));
}

.heading-2xs {
  font-family: var(--wcss-heading-2xs-family, "AS Circular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-heading-2xs-letter-spacing, 0);
  font-weight: var(--wcss-heading-2xs-weight, 450);
  line-height: var(--wcss-heading-2xs-line-height, 1.3);
  font-size: var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));
}

.accent-2xl {
  font-family: var(--wcss-accent-2xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-2xl-letter-spacing, 0.05em);
  font-weight: var(--wcss-accent-2xl-weight, 450);
  line-height: var(--wcss-accent-2xl-line-height, 1);
  font-size: var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));
}

.accent-xl {
  font-family: var(--wcss-accent-xl-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-xl-letter-spacing, 0.05em);
  font-weight: var(--wcss-accent-xl-weight, 450);
  line-height: var(--wcss-accent-xl-line-height, 1.3);
  font-size: var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));
}

.accent-lg {
  font-family: var(--wcss-accent-lg-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-lg-letter-spacing, 0.05em);
  font-weight: var(--wcss-accent-lg-weight, 450);
  line-height: var(--wcss-accent-lg-line-height, 1.3);
  font-size: var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));
}

.accent-md {
  font-family: var(--wcss-accent-md-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-md-letter-spacing, 0.05em);
  font-weight: var(--wcss-accent-md-weight, 500);
  line-height: var(--wcss-accent-md-line-height, 1.3);
  font-size: var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));
}

.accent-sm {
  font-family: var(--wcss-accent-sm-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-sm-letter-spacing, 0.05em);
  font-weight: var(--wcss-accent-sm-weight, 500);
  line-height: var(--wcss-accent-sm-line-height, 1.3);
  font-size: var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));
}

.accent-xs {
  font-family: var(--wcss-accent-xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-xs-letter-spacing, 0.1em);
  font-weight: var(--wcss-accent-xs-weight, 500);
  line-height: var(--wcss-accent-xs-line-height, 1.3);
  font-size: var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));
}

.accent-2xs {
  font-family: var(--wcss-accent-2xs-family, "Good OT", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
  letter-spacing: var(--wcss-accent-2xs-letter-spacing, 0.1em);
  font-weight: var(--wcss-accent-2xs-weight, 450);
  line-height: var(--wcss-accent-2xs-line-height, 1.3);
  font-size: var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));
}