/* Auto-generated by Payload CMS — do not edit manually */
:root {
  --color-grön-100: #0E2016;
  --color-grön-100-contrast: #F5F0EB;
  --color-grön-granskugga: #152E1F;
  --color-grön-granskugga-contrast: #F5F0EB;
  --color-grön-200: #1A3A27;
  --color-grön-200-contrast: #F5F0EB;
  --color-grön-300: #1F462F;
  --color-grön-300-contrast: #F5F0EB;
  --color-grön-tallbarr: #25573A;
  --color-grön-tallbarr-contrast: #F5F0EB;
  --color-grön-500: #40895A;
  --color-grön-500-contrast: #F5F0EB;
  --color-grön-vårskott: #61A678;
  --color-grön-vårskott-contrast: #1A1A1A;
  --color-grön-600: #90C5A0;
  --color-grön-600-contrast: #1A1A1A;
  --color-grön-700: #BDDDC4;
  --color-grön-700-contrast: #1A1A1A;
  --color-grön-daggdis: #E4F1E8;
  --color-grön-daggdis-contrast: #1A1A1A;
  --color-grön-900: #F8FCF9;
  --color-grön-900-contrast: #1A1A1A;
  --color-orange-höstlöv: #FA7D00;
  --color-orange-höstlöv-contrast: #1A1A1A;
  --color-orange-rose: #FBEADA;
  --color-orange-rose-contrast: #1A1A1A;
  --color-rosa-hallon: #DB3D52;
  --color-rosa-hallon-contrast: #F5F0EB;
  --color-rosa-fjällblom: #F2CEDA;
  --color-rosa-fjällblom-contrast: #1A1A1A;
  --color-blå-havsblå: #3652ED;
  --color-blå-havsblå-contrast: #F5F0EB;
  --color-blå-isblå: #D0EAFD;
  --color-blå-isblå-contrast: #1A1A1A;
  --color-gråskala-svart: #1A1A1A;
  --color-gråskala-svart-contrast: #F5F0EB;
  --color-gråskala-mörkgrå: #888888;
  --color-gråskala-mörkgrå-contrast: #1A1A1A;
  --color-gråskala-mellangrå: #C4C4C4;
  --color-gråskala-mellangrå-contrast: #1A1A1A;
  --color-gråskala-ljusgrå: #E7E7E7;
  --color-gråskala-ljusgrå-contrast: #1A1A1A;
  --color-gråskala-naturvit: #F5F0EB;
  --color-gråskala-naturvit-contrast: #1A1A1A;
  --font-size-mega---instrument: 57px;
  --line-height-mega---instrument: 130%;
  --font-size-mega---spline: 57px;
  --line-height-mega---spline: 110%;
  --letter-spacing-mega---spline: -2.28px;
  --font-size-hero: 48px;
  --line-height-hero: 110%;
  --letter-spacing-hero: -2.28px;
  --font-size-hero---instrument-serif: 58px;
  --line-height-hero---instrument-serif: 100%;
  --font-size-spline-h1: 40px;
  --line-height-spline-h1: 110%;
  --letter-spacing-spline-h1: -1.6px;
  --font-size-spline-h2: 33px;
  --line-height-spline-h2: 110%;
  --letter-spacing-spline-h2: -1.32px;
  --font-size-instrument-h2: 33px;
  --line-height-instrument-h2: 130%;
  --font-size-spline-h3: 28px;
  --line-height-spline-h3: 110%;
  --letter-spacing-spline-h3: -0.84px;
  --font-size-h3-instrument-serif: 33px;
  --line-height-h3-instrument-serif: 120%;
  --font-size-spline-h3: 23px;
  --line-height-spline-h3: 110%;
  --letter-spacing-spline-h3: -0.7px;
  --font-size-spline-h5: 19px;
  --line-height-spline-h5: 110%;
  --letter-spacing-spline-h5: -0.6px;
  --font-size-h4-instrument-serif: 23px;
  --line-height-h4-instrument-serif: 120%;
  --font-size-h4-spline: 23px;
  --line-height-h4-spline: 110%;
  --letter-spacing-h4-spline: -0.7;
  --font-size-instrument-h6: 21px;
  --line-height-instrument-h6: 120%;
  --font-size-instrument-h7: 18px;
  --line-height-instrument-h7: 120%;
  --font-size-body-lg: 19px;
  --line-height-body-lg: 130%;
  --font-spline-sans: "spline sans", sans-serif;
  --font-instrument-serif: "Instrument serif", serif;
}

@media (width >= 48rem) {
  :root {
    --font-size-mega---instrument: 64px;
    --line-height-mega---instrument: 110%;
    --font-size-mega---spline: 64px;
    --line-height-mega---spline: 105%;
    --letter-spacing-mega---spline: -3px;
    --font-size-hero: 55px;
    --line-height-hero: 105%;
    --letter-spacing-hero: -3px;
    --font-size-hero---instrument-serif: 66px;
    --line-height-hero---instrument-serif: 105%;
    --font-size-spline-h1: 50px;
    --line-height-spline-h1: 105%;
    --letter-spacing-spline-h1: -2px;
    --font-size-spline-h2: 45px;
    --line-height-spline-h2: 105%;
    --letter-spacing-spline-h2: -2px;
    --font-size-instrument-h2: 50px;
    --line-height-instrument-h2: 130%;
    --font-size-spline-h3: 38px;
    --line-height-spline-h3: 105%;
    --letter-spacing-spline-h3: -1.4px;
    --font-size-h3-instrument-serif: 51px;
    --line-height-h3-instrument-serif: 120%;
    --font-size-spline-h3: 30px;
    --line-height-spline-h3: 105%;
    --letter-spacing-spline-h3: -1px;
    --font-size-spline-h5: 25x;
    --line-height-spline-h5: 105%;
    --letter-spacing-spline-h5: -0.8px;
    --font-size-h4-instrument-serif: 30px;
    --line-height-h4-instrument-serif: 120%;
    --font-size-h4-spline: 34px;
    --line-height-h4-spline: 110%;
    --letter-spacing-h4-spline: -1.02px;
    --font-size-instrument-h6: 21px;
    --line-height-instrument-h6: 120%;
    --font-size-instrument-h7: 18px;
    --line-height-instrument-h7: 120%;
    --font-size-body-lg: 19px;
    --line-height-body-lg: 130%;
  }
}

@media (width >= 64rem) {
  :root {
    --font-size-mega---instrument: 230px;
    --line-height-mega---instrument: 110%;
    --font-size-mega---spline: 143px;
    --line-height-mega---spline: 100%;
    --letter-spacing-mega---spline: -5.72px;
    --font-size-hero: 107px;
    --line-height-hero: 100%;
    --letter-spacing-hero: -4.28px;
    --font-size-hero---instrument-serif: 120px;
    --line-height-hero---instrument-serif: 110%;
    --font-size-spline-h1: 80px;
    --line-height-spline-h1: 100%;
    --letter-spacing-spline-h1: -3.2px;
    --font-size-spline-h2: 60px;
    --line-height-spline-h2: 100%;
    --letter-spacing-spline-h2: -2.4px;
    --font-size-instrument-h2: 68px;
    --line-height-instrument-h2: 130%;
    --font-size-spline-h3: 45px;
    --line-height-spline-h3: 100%;
    --letter-spacing-spline-h3: -1.35px;
    --font-size-h3-instrument-serif: 51px;
    --line-height-h3-instrument-serif: 120%;
    --font-size-spline-h3: 34px;
    --line-height-spline-h3: 100%;
    --letter-spacing-spline-h3: -1.02px;
    --font-size-spline-h5: 22px;
    --line-height-spline-h5: 100%;
    --letter-spacing-spline-h5: -0.66px;
    --font-size-h4-instrument-serif: 38px;
    --line-height-h4-instrument-serif: 120%;
    --font-size-h4-spline: 34px;
    --line-height-h4-spline: 110%;
    --letter-spacing-h4-spline: -1.02px;
    --font-size-instrument-h6: 21px;
    --line-height-instrument-h6: 120%;
    --font-size-instrument-h7: 18px;
    --line-height-instrument-h7: 120%;
    --font-size-body-lg: 19px;
    --line-height-body-lg: 130%;
  }
}

/* Additional CSS for theme-based classes used in the editor preview */
.text-fz-mega---instrument { font-size: var(--font-size-mega---instrument); line-height: var(--line-height-mega---instrument, normal); letter-spacing: var(--letter-spacing-mega---instrument, normal); }
.text-fz-mega---spline { font-size: var(--font-size-mega---spline); line-height: var(--line-height-mega---spline, normal); letter-spacing: var(--letter-spacing-mega---spline, normal); }
.text-fz-hero { font-size: var(--font-size-hero); line-height: var(--line-height-hero, normal); letter-spacing: var(--letter-spacing-hero, normal); }
.text-fz-hero---instrument-serif { font-size: var(--font-size-hero---instrument-serif); line-height: var(--line-height-hero---instrument-serif, normal); letter-spacing: var(--letter-spacing-hero---instrument-serif, normal); }
.text-fz-spline-h1 { font-size: var(--font-size-spline-h1); line-height: var(--line-height-spline-h1, normal); letter-spacing: var(--letter-spacing-spline-h1, normal); }
.text-fz-spline-h2 { font-size: var(--font-size-spline-h2); line-height: var(--line-height-spline-h2, normal); letter-spacing: var(--letter-spacing-spline-h2, normal); }
.text-fz-instrument-h2 { font-size: var(--font-size-instrument-h2); line-height: var(--line-height-instrument-h2, normal); letter-spacing: var(--letter-spacing-instrument-h2, normal); }
.text-fz-spline-h3 { font-size: var(--font-size-spline-h3); line-height: var(--line-height-spline-h3, normal); letter-spacing: var(--letter-spacing-spline-h3, normal); }
.text-fz-h3-instrument-serif { font-size: var(--font-size-h3-instrument-serif); line-height: var(--line-height-h3-instrument-serif, normal); letter-spacing: var(--letter-spacing-h3-instrument-serif, normal); }
.text-fz-spline-h3 { font-size: var(--font-size-spline-h3); line-height: var(--line-height-spline-h3, normal); letter-spacing: var(--letter-spacing-spline-h3, normal); }
.text-fz-spline-h5 { font-size: var(--font-size-spline-h5); line-height: var(--line-height-spline-h5, normal); letter-spacing: var(--letter-spacing-spline-h5, normal); }
.text-fz-h4-instrument-serif { font-size: var(--font-size-h4-instrument-serif); line-height: var(--line-height-h4-instrument-serif, normal); letter-spacing: var(--letter-spacing-h4-instrument-serif, normal); }
.text-fz-h4-spline { font-size: var(--font-size-h4-spline); line-height: var(--line-height-h4-spline, normal); letter-spacing: var(--letter-spacing-h4-spline, normal); }
.text-fz-instrument-h6 { font-size: var(--font-size-instrument-h6); line-height: var(--line-height-instrument-h6, normal); letter-spacing: var(--letter-spacing-instrument-h6, normal); }
.text-fz-instrument-h7 { font-size: var(--font-size-instrument-h7); line-height: var(--line-height-instrument-h7, normal); letter-spacing: var(--letter-spacing-instrument-h7, normal); }
.text-fz-body-lg { font-size: var(--font-size-body-lg); line-height: var(--line-height-body-lg, normal); letter-spacing: var(--letter-spacing-body-lg, normal); }
.font-spline-sans { font-family: var(--font-spline-sans); }
.font-body { font-family: var(--font-spline-sans); }
body { font-family: var(--font-spline-sans); }
p, span, a, li, div, section, article { font-family: var(--font-spline-sans); }
.font-instrument-serif { font-family: var(--font-instrument-serif); }
h1, h2, h3, h4, h5, h6, .font-heading { font-family: var(--font-instrument-serif); }
.text-grön-100 { color: var(--color-grön-100); }
.bg-grön-100 { background-color: var(--color-grön-100); }
.page-scheme-primary-grön-100 { --page-scheme-primary: var(--color-grön-100); }
.page-scheme-secondary-grön-100 { --page-scheme-secondary: var(--color-grön-100); }
.text-grön-granskugga { color: var(--color-grön-granskugga); }
.bg-grön-granskugga { background-color: var(--color-grön-granskugga); }
.page-scheme-primary-grön-granskugga { --page-scheme-primary: var(--color-grön-granskugga); }
.page-scheme-secondary-grön-granskugga { --page-scheme-secondary: var(--color-grön-granskugga); }
.text-grön-200 { color: var(--color-grön-200); }
.bg-grön-200 { background-color: var(--color-grön-200); }
.page-scheme-primary-grön-200 { --page-scheme-primary: var(--color-grön-200); }
.page-scheme-secondary-grön-200 { --page-scheme-secondary: var(--color-grön-200); }
.text-grön-300 { color: var(--color-grön-300); }
.bg-grön-300 { background-color: var(--color-grön-300); }
.page-scheme-primary-grön-300 { --page-scheme-primary: var(--color-grön-300); }
.page-scheme-secondary-grön-300 { --page-scheme-secondary: var(--color-grön-300); }
.text-grön-tallbarr { color: var(--color-grön-tallbarr); }
.bg-grön-tallbarr { background-color: var(--color-grön-tallbarr); }
.page-scheme-primary-grön-tallbarr { --page-scheme-primary: var(--color-grön-tallbarr); }
.page-scheme-secondary-grön-tallbarr { --page-scheme-secondary: var(--color-grön-tallbarr); }
.text-grön-500 { color: var(--color-grön-500); }
.bg-grön-500 { background-color: var(--color-grön-500); }
.page-scheme-primary-grön-500 { --page-scheme-primary: var(--color-grön-500); }
.page-scheme-secondary-grön-500 { --page-scheme-secondary: var(--color-grön-500); }
.text-grön-vårskott { color: var(--color-grön-vårskott); }
.bg-grön-vårskott { background-color: var(--color-grön-vårskott); }
.page-scheme-primary-grön-vårskott { --page-scheme-primary: var(--color-grön-vårskott); }
.page-scheme-secondary-grön-vårskott { --page-scheme-secondary: var(--color-grön-vårskott); }
.text-grön-600 { color: var(--color-grön-600); }
.bg-grön-600 { background-color: var(--color-grön-600); }
.page-scheme-primary-grön-600 { --page-scheme-primary: var(--color-grön-600); }
.page-scheme-secondary-grön-600 { --page-scheme-secondary: var(--color-grön-600); }
.text-grön-700 { color: var(--color-grön-700); }
.bg-grön-700 { background-color: var(--color-grön-700); }
.page-scheme-primary-grön-700 { --page-scheme-primary: var(--color-grön-700); }
.page-scheme-secondary-grön-700 { --page-scheme-secondary: var(--color-grön-700); }
.text-grön-daggdis { color: var(--color-grön-daggdis); }
.bg-grön-daggdis { background-color: var(--color-grön-daggdis); }
.page-scheme-primary-grön-daggdis { --page-scheme-primary: var(--color-grön-daggdis); }
.page-scheme-secondary-grön-daggdis { --page-scheme-secondary: var(--color-grön-daggdis); }
.text-grön-900 { color: var(--color-grön-900); }
.bg-grön-900 { background-color: var(--color-grön-900); }
.page-scheme-primary-grön-900 { --page-scheme-primary: var(--color-grön-900); }
.page-scheme-secondary-grön-900 { --page-scheme-secondary: var(--color-grön-900); }
.text-orange-höstlöv { color: var(--color-orange-höstlöv); }
.bg-orange-höstlöv { background-color: var(--color-orange-höstlöv); }
.page-scheme-primary-orange-höstlöv { --page-scheme-primary: var(--color-orange-höstlöv); }
.page-scheme-secondary-orange-höstlöv { --page-scheme-secondary: var(--color-orange-höstlöv); }
.text-orange-rose { color: var(--color-orange-rose); }
.bg-orange-rose { background-color: var(--color-orange-rose); }
.page-scheme-primary-orange-rose { --page-scheme-primary: var(--color-orange-rose); }
.page-scheme-secondary-orange-rose { --page-scheme-secondary: var(--color-orange-rose); }
.text-rosa-hallon { color: var(--color-rosa-hallon); }
.bg-rosa-hallon { background-color: var(--color-rosa-hallon); }
.page-scheme-primary-rosa-hallon { --page-scheme-primary: var(--color-rosa-hallon); }
.page-scheme-secondary-rosa-hallon { --page-scheme-secondary: var(--color-rosa-hallon); }
.text-rosa-fjällblom { color: var(--color-rosa-fjällblom); }
.bg-rosa-fjällblom { background-color: var(--color-rosa-fjällblom); }
.page-scheme-primary-rosa-fjällblom { --page-scheme-primary: var(--color-rosa-fjällblom); }
.page-scheme-secondary-rosa-fjällblom { --page-scheme-secondary: var(--color-rosa-fjällblom); }
.text-blå-havsblå { color: var(--color-blå-havsblå); }
.bg-blå-havsblå { background-color: var(--color-blå-havsblå); }
.page-scheme-primary-blå-havsblå { --page-scheme-primary: var(--color-blå-havsblå); }
.page-scheme-secondary-blå-havsblå { --page-scheme-secondary: var(--color-blå-havsblå); }
.text-blå-isblå { color: var(--color-blå-isblå); }
.bg-blå-isblå { background-color: var(--color-blå-isblå); }
.page-scheme-primary-blå-isblå { --page-scheme-primary: var(--color-blå-isblå); }
.page-scheme-secondary-blå-isblå { --page-scheme-secondary: var(--color-blå-isblå); }
.text-gråskala-svart { color: var(--color-gråskala-svart); }
.bg-gråskala-svart { background-color: var(--color-gråskala-svart); }
.page-scheme-primary-gråskala-svart { --page-scheme-primary: var(--color-gråskala-svart); }
.page-scheme-secondary-gråskala-svart { --page-scheme-secondary: var(--color-gråskala-svart); }
.text-gråskala-mörkgrå { color: var(--color-gråskala-mörkgrå); }
.bg-gråskala-mörkgrå { background-color: var(--color-gråskala-mörkgrå); }
.page-scheme-primary-gråskala-mörkgrå { --page-scheme-primary: var(--color-gråskala-mörkgrå); }
.page-scheme-secondary-gråskala-mörkgrå { --page-scheme-secondary: var(--color-gråskala-mörkgrå); }
.text-gråskala-mellangrå { color: var(--color-gråskala-mellangrå); }
.bg-gråskala-mellangrå { background-color: var(--color-gråskala-mellangrå); }
.page-scheme-primary-gråskala-mellangrå { --page-scheme-primary: var(--color-gråskala-mellangrå); }
.page-scheme-secondary-gråskala-mellangrå { --page-scheme-secondary: var(--color-gråskala-mellangrå); }
.text-gråskala-ljusgrå { color: var(--color-gråskala-ljusgrå); }
.bg-gråskala-ljusgrå { background-color: var(--color-gråskala-ljusgrå); }
.page-scheme-primary-gråskala-ljusgrå { --page-scheme-primary: var(--color-gråskala-ljusgrå); }
.page-scheme-secondary-gråskala-ljusgrå { --page-scheme-secondary: var(--color-gråskala-ljusgrå); }
.text-gråskala-naturvit { color: var(--color-gråskala-naturvit); }
.bg-gråskala-naturvit { background-color: var(--color-gråskala-naturvit); }
.page-scheme-primary-gråskala-naturvit { --page-scheme-primary: var(--color-gråskala-naturvit); }
.page-scheme-secondary-gråskala-naturvit { --page-scheme-secondary: var(--color-gråskala-naturvit); }