/* GENERATED by scripts/tokens.mjs from src/design/tokens.json (version 1.2.0). Do not edit by hand.

   Breakpoints cannot be custom properties inside @media. They are fixed here, once, for both brands:
   640px, 900px and 1200px (min-width only). Any other @media width is a defect.

   Brands: data-brand="pci" or data-brand="walk" on <html>. PCI is the default. */

@font-face {
  font-family: "MTN Brighter Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "MTN Brighter Sans Fallback";
  font-weight: 100 900;
  src: local("Arial Bold"), local("Arial-BoldMT");
  size-adjust: 105.6%;
  ascent-override: 92.4%;
  descent-override: 30.7%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Sky Text";
  font-style: normal;
  font-weight: 100 500;
  font-display: swap;
  src: url("../assets/fonts/sky-text-regular.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: "Sky Text";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: "Sky Text Fallback";
  font-weight: 100 500;
  src: local("Arial");
  size-adjust: 102.9%;
  ascent-override: 90.6%;
  descent-override: 21.6%;
  line-gap-override: 2.6%;
}

@font-face {
  font-family: "Sky Text Fallback";
  font-weight: 600 900;
  src: local("Arial Bold"), local("Arial-BoldMT");
  size-adjust: 111.9%;
  ascent-override: 92.4%;
  descent-override: 30.7%;
  line-gap-override: 0%;
}

@font-face {
  font-family: Archivo;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "DM Serif Display";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "Instrument Serif";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: "Geist Mono Variable";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
}

@font-face {
  font-family: Lexend;
  font-style: normal;
  font-weight: 100 500;
  font-display: swap;
  src: url("../assets/fonts/sky-text-regular.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: Lexend;
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 100 500;
  font-display: swap;
  src: url("../assets/fonts/sky-text-regular.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 100 500;
  font-display: swap;
  src: url("../assets/fonts/sky-text-regular.woff2") format("woff2");
  size-adjust: 106%;
}

@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("../assets/fonts/mtn-brighter-sans-bold.woff2") format("woff2");
  size-adjust: 106%;
}

:root {
  --font-head:
    "MTN Brighter Sans", "MTN Brighter Sans Fallback", "Segoe UI", system-ui, -apple-system, Roboto,
    Arial, sans-serif;
  --font-body:
    "Sky Text", "Sky Text Fallback", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --fs-display: clamp(2.688rem, 1.807rem + 4.381vw, 6.5rem);
  --fs-statement: clamp(2.156rem, 1.646rem + 2.476vw, 4.5rem);
  --fs-h1: clamp(2.219rem, 1.586rem + 3.238vw, 5rem);
  --fs-h2: clamp(1.813rem, 1.457rem + 1.714vw, 3.375rem);
  --fs-h3: clamp(1.344rem, 1.189rem + 0.762vw, 2rem);
  --fs-h4: clamp(1.188rem, 1.118rem + 0.286vw, 1.375rem);
  --fs-figure: clamp(2.156rem, 1.693rem + 2.286vw, 4.5rem);
  --fs-lead: clamp(1.125rem, 1.055rem + 0.286vw, 1.375rem);
  --fs-body: clamp(1rem, 0.977rem + 0.095vw, 1.0625rem);
  --fs-small: 0.9375rem;
  --fs-ui: 0.875rem;
  --fs-caption: 0.8125rem;
  --measure: 54ch;
  --lh-display: 1.02;
  --lh-statement: 1.08;
  --lh-h1: 1.04;
  --lh-h2: 1.08;
  --lh-h3: 1.14;
  --lh-h4: 1.25;
  --lh-figure: 1.02;
  --lh-lead: 1.5;
  --lh-body: 1.65;
  --lh-small: 1.55;
  --lh-ui: 1.45;
  --lh-caption: 1.35;
  --ls-display: -0.03em;
  --ls-statement: -0.026em;
  --ls-h1: -0.028em;
  --ls-h2: -0.022em;
  --ls-h3: -0.014em;
  --ls-h4: -0.006em;
  --ls-figure: -0.02em;
  --ls-label: 0.12em;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --gutter: clamp(16px, 4vw, 56px);
  --shell: 1240px;
  --section: clamp(64px, 8vw, 128px);
  --r-s: 8px;
  --r-m: 16px;
  --r-l: 24px;
  --r-pill: 999px;
  --r-arch: 999px 999px 0 0;
  --z-raised: 10;
  --z-sticky: 40;
  --z-header: 50;
  --z-overlay: 70;
  --z-modal: 80;
  --z-toast: 90;
  --t-press: 120ms;
  --t-hover: 180ms;
  --t-ui: 240ms;
  --t-panel: 420ms;
  --t-reveal: 640ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
}

:root,
[data-brand="pci"] {
  --c-paper: #faf6f1;
  --c-ivory: #f2ebe3;
  --c-sand: #e6dacb;
  --c-ink: #1b0a0e;
  --c-ink-soft: #3d272c;
  --c-muted: #66565a;
  --c-deep: #220a10;
  --c-on-deep: #faf6f1;
  --c-accent: #b71935;
  --c-on-accent: #faf6f1;
  --c-accent-ink: #9b1630;
  --c-link: #9b1630;
  --c-link-on-deep: #e6ad3e;
  --c-highlight: #e6ad3e;
  --c-success: #2f5d46;
  --c-on-success: #fff;
  --c-danger: #a3271d;
  --c-focus: #9b1630;
  --c-focus-on-deep: #e6ad3e;
  --c-line: rgb(27 10 14 / 14%);
  --c-line-strong: rgb(27 10 14 / 30%);
  --c-on-deep-muted: rgb(250 246 241 / 74%);
  --shadow-1: 0 1px 2px rgb(27 10 14 / 6%), 0 8px 24px -12px rgb(27 10 14 / 18%);
  --shadow-2: 0 2px 4px rgb(27 10 14 / 8%), 0 22px 48px -18px rgb(27 10 14 / 34%);
  --shadow-3: 0 30px 70px -20px rgb(27 10 14 / 40%);
}

[data-brand="walk"] {
  --c-paper: #fbf8f2;
  --c-ivory: #f6f1e7;
  --c-sand: #ece4d4;
  --c-ink: #0e1f3a;
  --c-ink-soft: #4a5468;
  --c-muted: #5b6474;
  --c-deep: #0e1f3a;
  --c-on-deep: #f6f1e7;
  --c-accent: #c9a04a;
  --c-on-accent: #0e1f3a;
  --c-accent-ink: #7a5814;
  --c-link: #0b6e8e;
  --c-link-on-deep: #5cc8e8;
  --c-highlight: #2a9cc1;
  --c-success: #1f7a4d;
  --c-on-success: #fff;
  --c-danger: #a3271d;
  --c-focus: #0b6e8e;
  --c-focus-on-deep: #5cc8e8;
  --c-line: rgb(14 31 58 / 14%);
  --c-line-strong: rgb(14 31 58 / 28%);
  --c-on-deep-muted: rgb(246 241 231 / 74%);
  --shadow-1: 0 1px 2px rgb(14 31 58 / 6%), 0 8px 24px -12px rgb(14 31 58 / 18%);
  --shadow-2: 0 2px 4px rgb(14 31 58 / 8%), 0 22px 48px -18px rgb(14 31 58 / 34%);
  --shadow-3: 0 30px 70px -20px rgb(14 31 58 / 40%);
}