/*
* Adobe Fonts (Typekit) kit for goodwork: https://use.typekit.net/ltj5dja.css
* Import handled in root layout (app/layout.tsx).
*/

:root {
    --color-primary: #452778;
    --color-primary-two: #452778;
    --color-primary-hover: #2d1a50;
    --color-secondary-hover: #2a9cc9;
    --color-primary-contrast: #2d1a50;
    --color-white-hover: #F2F2F2;
    --color-banner: #452778;
    --color-secondary: #40baec;
    --color-transparent: transparent;
    --color-black: #1A171B;
    --color-charcoal: #87888A;
    --color-grey: #BEC0C2;
    --color-warning: #FF0000;
    --color-card-grey: #F3F3F3;
    --color-lightgrey: #DCDCDC;
    --color-lighter-grey: #FAFAFA;
    --color-background: #E8E8E880;
    --color-white: #FFFFFF;
    --color-footer: #424650;
    --color-contrast: #FFFFFF;
    --color-sidebar: #452778;
    --color-messe-dornbirn-primary: #D4021D;

    --font-size-xs: 0.75rem;
    --font-leading-xs: 1rem;
    --font-size-xs-mobile: 0.6875rem;
    --font-leading-xs-mobile: 0.9375rem;
    --font-size-sm: 0.9375rem;
    --font-leading-sm: 1.25rem;
    --font-size-sm-mobile: 0.875rem;
    --font-leading-sm-mobile: 1.125rem;
    --font-size-base: 1.0625rem;
    --font-leading-base: 1.5rem;
    --font-size-navigation: 1.0625rem;
    --font-leading-navigation: 1.5rem;
    --font-size-base-mobile: 1rem;
    --font-leading-base-mobile: 1.375rem;
    --font-size-md: 1.25rem;
    --font-leading-md: 1.625rem;
    --font-size-md-mobile: 1.125rem;
    --font-leading-md-mobile: 1.5rem;
    --font-size-lg: 1.5rem;
    --font-leading-lg: 1.875rem;
    --font-size-lg-mobile: 1.25rem;
    --font-leading-lg-mobile: 1.625rem;
    --font-size-lg-sub: 1.5rem;
    --font-leading-lg-sub: 2.375rem;
    --font-size-lg-sub-mobile: 1.25rem;
    --font-leading-lg-sub-mobile: 1.75rem;
    --font-size-xl: 2rem;
    --font-leading-xl: 2.375rem;
    --font-size-xl-mobile: 1.5rem;
    --font-leading-xl-mobile: 1.875rem;
    --font-size-2xl: 3rem;
    --font-leading-2xl: 3.375rem;
    --font-size-2xl-mobile: 1.75rem;
    --font-leading-2xl-mobile: 2rem;
    --font-size-3xl: 4.375rem;
    --font-leading-3xl: 4.9375rem;
    --font-size-3xl-mobile: 2.5rem;
    --font-leading-3xl-mobile: 2.875rem;

    --font-family-hero: sofia-pro;
    --font-family-h1: sofia-pro;
    --font-family-h2: sofia-pro;
    --font-family-h3: sofia-pro;
    --font-family-h4: sofia-pro;
    --font-family-h5: sofia-pro;
    --font-family-navigation: sofia-pro;
    --font-family-button: sofia-pro;
    --font-family-subline: sofia-pro;
    --font-family-subline-bold: sofia-pro;
    --font-family-info: sofia-pro;
    --font-family-default: sofia-pro;
  }

/* Ensure every element defaults to Sofia Pro */
body {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
}

.text-hero,
.text-h1,
.text-h2,
.text-h3,
.text-h4,
.text-h5,
.text-nav,
.text-info {
  font-weight: 600;
}

.cta {
  font-weight: 900;
}