/* malziland Design System 2026 — generated from tokens.json */
:root,
[data-theme="light"] {
  --ml-teal: #156480;
  --ml-rust: #9c4e36;
  --ml-gold: #bfb542;
  --ml-anthracite: #404749;
  --ml-warmgray: #82796e;
  --ml-warmgray-text: #6e675e;
  --ml-white: #ffffff;
  --ml-paper: #f9f7f4;
  --ml-stone: #e0dedb;
  --ml-gold-40-solid: #e5e1b3;
  --ml-teal-bright: #1a7a9c;
  --ml-teal-deep: #0e4a60;
  --ml-dark-bg: #171d1f;
  --ml-dark-surface: #1e2629;
  --ml-dark-text: #e6e9e9;
  --ml-dark-muted: #98a19f;
  --ml-dark-border: rgba(255, 255, 255, 0.16);
  --ml-dark-border-soft: rgba(255, 255, 255, 0.09);
  --ml-dark-teal-text: #4d9cbc;
  --ml-dark-rust-text: #c17d67;
  --ml-dark-tint-teal: rgba(21, 100, 128, 0.18);
  --ml-dark-tint-teal-strong: rgba(21, 100, 128, 0.38);
  --ml-dark-tint-gold: rgba(191, 181, 66, 0.18);
  --ml-teal-70: rgba(21, 100, 128, 0.7);
  --ml-teal-40: rgba(21, 100, 128, 0.4);
  --ml-teal-15: rgba(21, 100, 128, 0.15);
  --ml-teal-07: rgba(21, 100, 128, 0.07);
  --ml-rust-70: rgba(156, 78, 54, 0.7);
  --ml-rust-40: rgba(156, 78, 54, 0.4);
  --ml-rust-15: rgba(156, 78, 54, 0.15);
  --ml-rust-07: rgba(156, 78, 54, 0.07);
  --ml-gold-70: rgba(191, 181, 66, 0.7);
  --ml-gold-40: rgba(191, 181, 66, 0.4);
  --ml-gold-15: rgba(191, 181, 66, 0.15);
  --ml-gold-07: rgba(191, 181, 66, 0.07);
  --ml-warmgray-70: rgba(130, 121, 110, 0.7);
  --ml-warmgray-40: rgba(130, 121, 110, 0.4);
  --ml-warmgray-15: rgba(130, 121, 110, 0.15);
  --ml-warmgray-07: rgba(130, 121, 110, 0.07);
  --ml-warmgray-06: rgba(130, 121, 110, 0.06);
  --text-title: var(--ml-anthracite);
  --text-heading: var(--ml-teal);
  --text-body: var(--ml-anthracite);
  --text-muted: var(--ml-warmgray-text);
  --text-emphasis: var(--ml-rust);
  --text-link: var(--ml-teal);
  --text-cta: var(--ml-rust);
  --text-counter: var(--ml-gold);
  --text-on-fill: var(--ml-white);
  --surface-page: var(--ml-white);
  --surface-paper: var(--ml-paper);
  --surface-info: var(--ml-teal-07);
  --surface-highlight: var(--ml-rust-07);
  --surface-row: var(--ml-warmgray-06);
  --border-subtle: var(--ml-warmgray);
  --border-strong: var(--ml-teal);
  --border-accent: var(--ml-rust);
  --ml-teal-t8: #ecf3f5;
  --ml-teal-t16: #dae6eb;
  --ml-teal-t25: #c5d8df;
  --ml-teal-t40: #a1c1cc;
  --ml-rust-t8: #f7f1ef;
  --ml-rust-t16: #efe3df;
  --ml-rust-t25: #e6d3cd;
  --ml-rust-t40: #d7b8af;
  --ml-gold-t8: #faf9f0;
  --ml-gold-t16: #f5f3e1;
  --ml-gold-t25: #efedd0;
  --ml-gold-t40: #e5e1b3;
  --ml-warmgray-t8: #f5f4f3;
  --ml-warmgray-t16: #ebeae8;
  --ml-warmgray-t25: #e0dedb;
  --ml-warmgray-t40: #cdc9c5;
  --ml-gold-dark: #7e772c;
  --on-white: var(--ml-anthracite);
  --on-white-muted: var(--ml-warmgray-text);
  --on-white-link: var(--ml-teal);
  --on-paper: var(--ml-anthracite);
  --on-paper-muted: var(--ml-warmgray-text);
  --on-teal: var(--ml-white);
  --on-teal-deep: var(--ml-white);
  --on-gradient: var(--ml-white);
  --on-rust: var(--ml-white);
  --on-anthracite: var(--ml-white);
  --on-gold: var(--ml-anthracite);
  --on-warmgray: var(--ml-white);
  --on-dark: var(--ml-dark-text);
  --on-dark-muted: var(--ml-dark-muted);
  --on-dark-gold: var(--ml-gold);
  --ml-teal-25: rgba(21, 100, 128, 0.25);
  --ml-rust-25: rgba(156, 78, 54, 0.25);
  --ml-gold-25: rgba(191, 181, 66, 0.25);
  --ml-warmgray-25: rgba(130, 121, 110, 0.25);
  --ml-teal-15-solid: #dce8ec;
  --ml-teal-25-solid: #cbdde3;
  --ml-gold-15-solid: #f5f4e3;
  --ml-warmgray-15-solid: #ecebe9;
  --ml-warmgray-25-solid: #e0dedb;
  --ml-rust-15-solid: #eddcd7;
  --focus-ring-color: var(--ml-teal-deep);
  --focus-ring-color-dark: var(--ml-white);
  --focus-ring-halo: var(--ml-white);
  --focus-ring-halo-dark: var(--ml-dark-bg);
  --shadow-sm: 0 1px 2px rgba(64, 71, 73, 0.06);
  --shadow-md: 0 4px 14px rgba(64, 71, 73, 0.08);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --fs-display: 56px;
  --fs-h1: 34px;
  --fs-h2: 24px;
  --fs-h3: 19px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-caption: 12.5px;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --lh-tight: 1.15;
  --lh-heading: 1.25;
  --lh-body: 1.55;
  --ls-display: -0.01em;
  --ls-label: 0.08em;
  --bw-hairline: 1px;
  --bw-strong: 2px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --target-min: 44px;
  --target-min-dense: 40px;
  --target-floor: 24px;
  --target-gap: 8px;
  --text-min-screen: 16px;
  --text-min-small: 13px;
  --text-min-print: 10pt;
  --text-min-slide: 20px;
  --text-large: 24px;
  --text-large-bold: 18.7px;
  --line-height-min: 1.5;
  --measure-max: 80ch;
  --font-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display {
  font-family: var(--font-display);
  font-size: 56px;
  line-height: 1.15;
  font-weight: 300;
  letter-spacing: -0.01em;
}
.h1 {
  font-family: var(--font-sans);
  font-size: 34px;
  line-height: 1.25;
  font-weight: 700;
}
.h2 {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}
.h3 {
  font-family: var(--font-sans);
  font-size: 19px;
  line-height: 1.25;
  font-weight: 700;
}
.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
}
.small {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
}
.caption {
  font-family: var(--font-sans);
  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 400;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-300-latin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}