/* mymalta.fyi design tokens. Generated from tokens.json. Themes: html[data-theme="light"|"dark"], light is the default. */
:root, [data-theme="light"] {
  --bg: #f7f4ee;
  --surface: #ffffff;
  --surface-2: #efeae0;
  --stone: #e6d7ad;
  --flag-white: #ffffff;
  --flag-red: #cf142b;
  --ink: #1c1a17;
  --ink-2: #4a463f;
  --muted: #6b665c;
  --rule: #dcd6ca;
  --rule-strong: #8f877a;
  --brand: #8a5a16;
  --brand-soft: #f3e5c6;
  --on-brand: #ffffff;
  --sea: #0f6470;
  --sea-soft: #d9eef0;
  --ok: #2f6b3a;
  --warn: #8f4a0e;
  --data-labour: #d2232a;
  --data-pn: #1d5fbf;
  --data-other: #7a7468;
  --seq-1: #dbe7f5;
  --seq-2: #aac6e7;
  --seq-3: #6f9bd3;
  --seq-4: #3b6fb5;
  --seq-5: #1b4a8c;
  --cat-1: #e69f00;
  --cat-2: #56b4e9;
  --cat-3: #009e73;
  --cat-4: #f0e442;
  --cat-5: #0072b2;
  --cat-6: #d55e00;
  --cat-7: #cc79a7;
  --shadow-pop: 0 4px 16px #1c1a1726, 0 1px 2px #1c1a1714;
  --focus-ring: 0 0 0 2px #f7f4ee, 0 0 0 4px #0f6470;
}
[data-theme="dark"] {
  --bg: #141311;
  --surface: #1d1b18;
  --surface-2: #272420;
  --stone: #3d3626;
  --flag-white: #ffffff;
  --flag-red: #cf142b;
  --ink: #f1ede4;
  --ink-2: #c9c3b6;
  --muted: #a49d8f;
  --rule: #37332c;
  --rule-strong: #7d766a;
  --brand: #e3b96a;
  --brand-soft: #3b2d12;
  --on-brand: #1c1a17;
  --sea: #74c9d2;
  --sea-soft: #12343a;
  --ok: #86cf93;
  --warn: #e8a05a;
  --data-labour: #ef5a60;
  --data-pn: #5b95e6;
  --data-other: #a09a8e;
  --seq-1: #1a2a40;
  --seq-2: #254a78;
  --seq-3: #3a6fb0;
  --seq-4: #6a9ee0;
  --seq-5: #a6c8f2;
  --cat-1: #e69f00;
  --cat-2: #56b4e9;
  --cat-3: #009e73;
  --cat-4: #f0e442;
  --cat-5: #0072b2;
  --cat-6: #d55e00;
  --cat-7: #cc79a7;
  --shadow-pop: 0 4px 16px #000000a6, 0 1px 2px #00000080;
  --focus-ring: 0 0 0 2px #141311, 0 0 0 4px #74c9d2;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-full: 9999px;
  --font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
@font-face { font-family: "Public Sans"; src: url("../fonts/PublicSans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/PublicSans-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("../fonts/PublicSans-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/IBMPlexMono-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
.display { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.015em; }
.h2 { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; }
.h3 { font-family: var(--font-sans); font-size: 19px; line-height: 26px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.nav { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.num-hero { font-family: var(--font-mono); font-size: 48px; line-height: 52px; font-weight: 600; letter-spacing: -0.03em; }
.num-lg { font-family: var(--font-mono); font-size: 28px; line-height: 32px; font-weight: 500; letter-spacing: -0.02em; }
.num { font-family: var(--font-mono); font-size: 16px; line-height: 24px; font-weight: 400; }
.num-sm { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }