/* Copied from standout-design-system dist/tokens.css at commit ff17473. Re-copy to update; do not edit here. */
/* Generated from tokens/tokens.json by scripts/build.mjs. Do not edit by hand. */

:root, [data-theme="light"] {
  --anthracite: #242320;
  --cream: #f3f0e6;
  --mud: #e1caa2;
  --white: #ffffff;
  --elfenben: #f3f0e6;
  --sort-diamant: #242320;
  --nordisk-rav: #e1caa2;
  --fjordis: #ffffff;
  --havdyb: #0f3a41;
  --gloed: #c7622b;
  --granit: #f2eeec;
  --havskum: #699795;
  --havskum-tint: #e1eaea;
  --naaleskov: #599986;
  --polarblaa: #5080be;
  --ravgloed: #f5ea8d;
  --nordisk-koral: #ed7364;
  --logo-ink: #282825;
  --blue: #304ddb;
  --blue-hover: #4d67e7;
  --petrol: #073a3b;
  --petrol-hover: #165f61;
  --navy: #223697;
  --navy-hover: #2d43af;
  --grey-100: #f5f5f5;
  --grey-200: #dfdfdf;
  --grey-border: #e5e5e5;
  --overlay: rgba(0, 0, 0, 0.45);
  --surface: #f3f0e6;
  --ink: #242320;
  --line: #242320;
  --accent: #e1caa2;
  --app-primary: #0f3a41;
  --app-on-primary: #ffffff;
  --app-primary-container: #bdeaf4;
  --app-on-primary-container: #204d55;
  --app-secondary: #386664;
  --app-on-secondary: #ffffff;
  --app-secondary-container: #bbece9;
  --app-on-secondary-container: #1e4e4c;
  --app-tertiary: #9d430b;
  --app-on-tertiary: #ffffff;
  --app-tertiary-container: #ffdbcc;
  --app-on-tertiary-container: #7a3000;
  --app-error: #a33c31;
  --app-on-error: #ffffff;
  --app-error-container: #ffdad5;
  --app-on-error-container: #83251c;
  --app-surface: #fcf9ef;
  --app-on-surface: #1c1c16;
  --app-surface-variant: #e5e3d6;
  --app-on-surface-variant: #48473e;
  --app-surface-dim: #dddad0;
  --app-surface-bright: #fcf9ef;
  --app-surface-container-lowest: #ffffff;
  --app-surface-container-low: #f7f4e9;
  --app-surface-container: #f1eee4;
  --app-surface-container-high: #ebe8de;
  --app-surface-container-highest: #e5e2d9;
  --app-inverse-surface: #31312a;
  --app-inverse-on-surface: #f4f1e7;
  --app-inverse-primary: #a1ced7;
  --app-outline: #78776d;
  --app-outline-variant: #c9c7bb;
  --app-scrim: #000000;
  --app-shadow: #000000;
  --app-status-ok: #599986;
  --app-status-warn: #f5ea8d;
  --app-status-err: #ed7364;
  --app-status-info: #5080be;
  --app-on-status: #242320;
  --slide-hairline: #dcd5c3;
  --slide-callout: #f0e5cf;
  --slide-callout-ink: #242320;
  --slide-muted: #5e5b53;
  --slide-muted-on-dark: #b5af9f;
  --slide-number-on-dark: #4a453b;
  --doc-band-rule: #6f6e6b;
}

[data-theme="dark"] {
  --surface: #242320;
  --ink: #ffffff;
  --line: #ffffff;
  --accent: #e1caa2;
  --app-primary: #a1ced7;
  --app-on-primary: #00363e;
  --app-primary-container: #204d55;
  --app-on-primary-container: #bdeaf4;
  --app-secondary: #a0cfcd;
  --app-on-secondary: #003736;
  --app-secondary-container: #1e4e4c;
  --app-on-secondary-container: #bbece9;
  --app-tertiary: #ffb693;
  --app-on-tertiary: #561f00;
  --app-tertiary-container: #7a3000;
  --app-on-tertiary-container: #ffdbcc;
  --app-error: #ffb4a9;
  --app-on-error: #640d09;
  --app-error-container: #83251c;
  --app-on-error-container: #ffdad5;
  --app-surface: #14140e;
  --app-on-surface: #e5e2d9;
  --app-surface-variant: #48473e;
  --app-on-surface-variant: #c9c7bb;
  --app-surface-dim: #14140e;
  --app-surface-bright: #3a3933;
  --app-surface-container-lowest: #0e0e09;
  --app-surface-container-low: #1c1c16;
  --app-surface-container: #20201a;
  --app-surface-container-high: #2a2a24;
  --app-surface-container-highest: #35352e;
  --app-inverse-surface: #e5e2d9;
  --app-inverse-on-surface: #31312a;
  --app-inverse-primary: #0f3a41;
  --app-outline: #929186;
  --app-outline-variant: #48473e;
  --app-scrim: #000000;
  --app-shadow: #000000;
  --app-status-ok: #599986;
  --app-status-warn: #f5ea8d;
  --app-status-err: #ed7364;
  --app-status-info: #5080be;
  --app-on-status: #242320;
}

:root {
  --gap-xs: 10px;
  --gap-h: 15px;
  --gap-s: 20px;
  --gap-sm: 30px;
  --gap-m: 40px;
  --gap-xm: 60px;
  --gap-l: 90px;
  --gap-xl: 180px;
  --gap-xxl: 270px;
  --app-space-0: 0px;
  --app-space-1: 4px;
  --app-space-2: 8px;
  --app-space-3: 12px;
  --app-space-4: 16px;
  --app-space-5: 20px;
  --app-space-6: 24px;
  --app-space-8: 32px;
  --app-space-10: 40px;
  --app-space-12: 48px;
  --app-space-16: 64px;
  --radius-none: 0px;
  --radius-form: 3px;
  --app-shape-none: 0px;
  --app-shape-extra-small: 4px;
  --app-shape-small: 8px;
  --app-shape-medium: 12px;
  --app-shape-large: 16px;
  --app-shape-extra-large: 28px;
  --app-shape-full: 9999px;
  --content-size: 640px;
  --wide-size: 1200px;
  --max-content-size: 1920px;
  --breakpoint: 960px;
  --hairline: 1px;
  --app-bp-medium: 600px;
  --app-bp-expanded: 840px;
  --app-bp-large: 1200px;
  --app-bp-extra-large: 1600px;
  --app-touch-target: 48px;
  --app-focus-ring: 3px;
  --slide-width: 1280px;
  --slide-height: 720px;
  --slide-margin: 72px;
  --slide-gap: 29px;
  --doc-page-width: 794px;
  --doc-page-height: 1123px;
  --doc-margin-top: 113px;
  --doc-margin-side: 76px;
  --doc-header-top: 38px;
  --doc-logo-width: 243px;
  --doc-band-height: 106px;
  --app-elevation-0: none;
  --app-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  --app-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --app-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
  --app-elevation-4: 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15);
  --app-elevation-5: 0px 4px 4px 0px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15);
  --app-state-hover: 0.08;
  --app-state-focus: 0.12;
  --app-state-pressed: 0.12;
  --app-state-dragged: 0.16;
  --app-disabled-content: 0.38;
  --app-disabled-container: 0.12;
  --app-scrim-opacity: 0.32;
  --app-duration-short1: 50ms;
  --app-duration-short2: 100ms;
  --app-duration-short3: 150ms;
  --app-duration-short4: 200ms;
  --app-duration-medium1: 250ms;
  --app-duration-medium2: 300ms;
  --app-duration-medium3: 350ms;
  --app-duration-medium4: 400ms;
  --app-duration-long1: 450ms;
  --app-duration-long2: 500ms;
  --app-duration-long3: 550ms;
  --app-duration-long4: 600ms;
  --app-duration-extra-long1: 700ms;
  --app-duration-extra-long4: 1000ms;
  --app-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --app-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --app-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --app-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --app-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);
  --app-easing-standard-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --app-easing-linear: cubic-bezier(0, 0, 1, 1);
  --font-sans: roc-grotesk, "Hanken Grotesk", system-ui, sans-serif;
  --text-display-xxl: clamp(50px, 27.786px + 5.844vw, 140px);
  --text-display-xl: clamp(40px, 25.19px + 3.896vw, 100px);
  --text-h1: clamp(35px, 23.892px + 2.922vw, 80px);
  --text-h2: clamp(30px, 18.904px + 2.922vw, 70px);
  --text-h3: clamp(25px, 15.12px + 2.597vw, 60px);
  --text-h4-xl: clamp(25px, 10.228px + 3.896vw, 50px);
  --text-h4-l: clamp(22px, 12.456px + 2.532vw, 40px);
  --text-h4: clamp(18px, 14.794px + 0.844vw, 30px);
  --text-h5: clamp(18px, 17px + 0.26vw, 22px);
  --text-body: clamp(18px, 17px + 0.26vw, 22px);
  --text-body-s: 18px;
  --text-button: 20px;
  --text-app-display-large: 57px;
  --text-app-display-medium: 45px;
  --text-app-display-small: 36px;
  --text-app-headline-large: 32px;
  --text-app-headline-medium: 28px;
  --text-app-headline-small: 24px;
  --text-app-title-large: 22px;
  --text-app-title-medium: 16px;
  --text-app-title-small: 14px;
  --text-app-body-large: 16px;
  --text-app-body-medium: 14px;
  --text-app-body-small: 12px;
  --text-app-label-large: 14px;
  --text-app-label-medium: 12px;
  --text-app-label-small: 11px;
  --text-slide-hero: 72px;
  --text-slide-divider: 59px;
  --text-slide-title: 40px;
  --text-slide-stat: 72px;
  --text-slide-lead: 21px;
  --text-slide-card-title: 24px;
  --text-slide-body: 19px;
  --text-slide-eyebrow: 15px;
  --text-slide-footer: 13px;
  --text-doc-title: 80px;
  --text-doc-h2: 26.7px;
  --text-doc-h3: 21.3px;
  --text-doc-h4: 16px;
  --text-doc-lead: 18.7px;
  --text-doc-body: 16px;
  --text-doc-meta: 13.3px;
  --text-doc-caption: 12px;
  --text-doc-footer: 11.3px;
}

.text-display-xxl {
  font-family: var(--font-sans);
  font-size: var(--text-display-xxl);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-display-xl {
  font-family: var(--font-sans);
  font-size: var(--text-display-xl);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h1 {
  font-family: var(--font-sans);
  font-size: var(--text-h1);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h2 {
  font-family: var(--font-sans);
  font-size: var(--text-h2);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h3 {
  font-family: var(--font-sans);
  font-size: var(--text-h3);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h4-xl {
  font-family: var(--font-sans);
  font-size: var(--text-h4-xl);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h4-l {
  font-family: var(--font-sans);
  font-size: var(--text-h4-l);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h4 {
  font-family: var(--font-sans);
  font-size: var(--text-h4);
  line-height: 1.275;
  font-weight: 400;
  letter-spacing: normal;
}
.text-h5 {
  font-family: var(--font-sans);
  font-size: var(--text-h5);
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: normal;
}
.text-body {
  font-family: var(--font-sans);
  font-size: var(--text-body);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}
.text-body-s {
  font-family: var(--font-sans);
  font-size: var(--text-body-s);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}
.text-button {
  font-family: var(--font-sans);
  font-size: var(--text-button);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: normal;
}
.text-app-display-large {
  font-family: var(--font-sans);
  font-size: var(--text-app-display-large);
  line-height: 64px;
  font-weight: 400;
  letter-spacing: -0.25px;
}
.text-app-display-medium {
  font-family: var(--font-sans);
  font-size: var(--text-app-display-medium);
  line-height: 52px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-display-small {
  font-family: var(--font-sans);
  font-size: var(--text-app-display-small);
  line-height: 44px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-headline-large {
  font-family: var(--font-sans);
  font-size: var(--text-app-headline-large);
  line-height: 40px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-headline-medium {
  font-family: var(--font-sans);
  font-size: var(--text-app-headline-medium);
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-headline-small {
  font-family: var(--font-sans);
  font-size: var(--text-app-headline-small);
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-title-large {
  font-family: var(--font-sans);
  font-size: var(--text-app-title-large);
  line-height: 28px;
  font-weight: 400;
  letter-spacing: 0;
}
.text-app-title-medium {
  font-family: var(--font-sans);
  font-size: var(--text-app-title-medium);
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.15px;
}
.text-app-title-small {
  font-family: var(--font-sans);
  font-size: var(--text-app-title-small);
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.text-app-body-large {
  font-family: var(--font-sans);
  font-size: var(--text-app-body-large);
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.text-app-body-medium {
  font-family: var(--font-sans);
  font-size: var(--text-app-body-medium);
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.25px;
}
.text-app-body-small {
  font-family: var(--font-sans);
  font-size: var(--text-app-body-small);
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.4px;
}
.text-app-label-large {
  font-family: var(--font-sans);
  font-size: var(--text-app-label-large);
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.text-app-label-medium {
  font-family: var(--font-sans);
  font-size: var(--text-app-label-medium);
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.text-app-label-small {
  font-family: var(--font-sans);
  font-size: var(--text-app-label-small);
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.text-slide-hero {
  font-family: var(--font-sans);
  font-size: var(--text-slide-hero);
  line-height: 0.95;
  font-weight: 400;
  letter-spacing: 0;
}
.text-slide-divider {
  font-family: var(--font-sans);
  font-size: var(--text-slide-divider);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: 0;
}
.text-slide-title {
  font-family: var(--font-sans);
  font-size: var(--text-slide-title);
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: 0;
}
.text-slide-stat {
  font-family: var(--font-sans);
  font-size: var(--text-slide-stat);
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
}
.text-slide-lead {
  font-family: var(--font-sans);
  font-size: var(--text-slide-lead);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0;
}
.text-slide-card-title {
  font-family: var(--font-sans);
  font-size: var(--text-slide-card-title);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0;
}
.text-slide-body {
  font-family: var(--font-sans);
  font-size: var(--text-slide-body);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
}
.text-slide-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--text-slide-eyebrow);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 2px;
}
.text-slide-footer {
  font-family: var(--font-sans);
  font-size: var(--text-slide-footer);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-title {
  font-family: var(--font-sans);
  font-size: var(--text-doc-title);
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-h2 {
  font-family: var(--font-sans);
  font-size: var(--text-doc-h2);
  line-height: 1.05;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-h3 {
  font-family: var(--font-sans);
  font-size: var(--text-doc-h3);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0;
}
.text-doc-h4 {
  font-family: var(--font-sans);
  font-size: var(--text-doc-h4);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.text-doc-lead {
  font-family: var(--font-sans);
  font-size: var(--text-doc-lead);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-body {
  font-family: var(--font-sans);
  font-size: var(--text-doc-body);
  line-height: 1.15;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-meta {
  font-family: var(--font-sans);
  font-size: var(--text-doc-meta);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-caption {
  font-family: var(--font-sans);
  font-size: var(--text-doc-caption);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: 0;
}
.text-doc-footer {
  font-family: var(--font-sans);
  font-size: var(--text-doc-footer);
  line-height: 1.18;
  font-weight: 400;
  letter-spacing: 0;
}