/* Generated by tools/extract-tokens.mjs — do not edit by hand. */

:root {
  /* colours — documented palette */
  --color-foundation-light-beige: #f3f1f1;
  --color-foundation-lightest-beige: #f8f7f7;
  --color-primary-green: #4f6457;
  --color-primary-beige: #c4bbb8;
  --color-primary-blue: #273d4c;
  --color-accent-medium-blue: #4b738e;
  --color-accent-medium-blue-hover: #5d8199;
  --color-accent-light-blue: #c1d2dd;
  --color-foundation-black: #2a3132;
  --color-foundation-white: #ffffff;

  /* colours — undocumented, >=10 occurrences */
  --color-brand-logo: #1c3343;
  --color-black-pure: #000000;
  --color-image-placeholder: #d9d9d9;
  --color-border-subtle: #ccd4d9;

  /* colours — alpha variants (not flattened) */
  --color-black-pure-a20: #00000033;
  --color-black-pure-a50: #00000080;
  --color-black-pure-a80: #000000cc;
  --color-black-pure-a70: #000000b2;

  /* typography */
  --font-headline: "Playfair Display", serif;
  --font-body: "Zalando Sans", sans-serif;
  --color-foundation-white-a10: #ffffff1a;
  --color-primary-blue-a50: #273d4c80;
  --color-foundation-white-a40: #ffffff66;
  --color-foundation-white-a20: #ffffff33;
  --color-black-pure-a40: #00000066;
  --color-black-pure-a60: #00000099;
  --color-foundation-light-beige-a60: #f3f1f199;

  /* radius atoms — compose per corner */
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-20: 20px;
  --radius-25: 25px;
  --radius-60: 60px;
  --radius-80: 80px;
  --radius-100: 100px;
  --radius-150: 150px;
  --radius-200: 200px;

  /* effects */
  --effect-shadow-1: 0px 2px 4px #00000066;
  --effect-shadow-2: 0px 2px 6px #000000cc;
  --effect-shadow-3: 0px 4px 4px #00000040;
  --effect-shadow-4: 0px 4px 6px #0000001a;
  --effect-backdrop-blur-8: blur(8px);
  --effect-backdrop-blur-12: blur(12px);
}

/* type — one class per full tuple */
.type-button {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 16px;
  font-weight: 800;
  line-height: 19.2px;
  letter-spacing: 0px;
}
.type-body {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0px;
}
.type-body-bold {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 18px;
  font-weight: 700;
  line-height: 25.2px;
  letter-spacing: 0px;
}
.type-h5 {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.8px;
  letter-spacing: 0px;
}
.type-body-large {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0px;
}
.type-body-large-bold {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0px;
}
.type-body-semibold {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 16px;
  font-weight: 700;
  line-height: 22.4px;
  letter-spacing: 0px;
}
.type-h3 {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0px;
}
.type-h2 {
  font-family: "Playfair Display", serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 57.2px;
  letter-spacing: 0px;
}
.type-body-small {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0px;
}
.type-h4 {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 28px;
  font-weight: 800;
  line-height: 30.8px;
  letter-spacing: 0px;
}
.type-h1 {
  font-family: "Playfair Display", serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 70.4px;
  letter-spacing: 0px;
}
.type-zalando-sans-semiexpanded-24-400 {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0px;
}
.type-zalando-sans-semiexpanded-24-600 {
  font-family: "Zalando Sans", sans-serif;
  font-stretch: 112.5%;
  font-size: 24px;
  font-weight: 600;
  line-height: 33.6px;
  letter-spacing: 0px;
}

/* icon sizing — Font Awesome tuples, separate from the text scale */
.type-icon-regular-20 {
  font-size: 20px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-solid-18 {
  font-size: 18px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-regular-24 {
  font-size: 24px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-brands-36 {
  font-size: 36px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-regular-36 {
  font-size: 36px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-regular-18 {
  font-size: 18px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-solid-24 {
  font-size: 24px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-light-18 {
  font-size: 18px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-regular-60 {
  font-size: 60px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-regular-48 {
  font-size: 48px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}
.type-icon-solid-96 {
  font-size: 96px;
  line-height: 1;
  width: auto;
  vertical-align: baseline;
}