@font-face {
  font-family: "CMBA Hanken Grotesk";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/hanken-grotesk/hanken-grotesk-latin-wght-normal.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "CMBA Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope/Manrope-VariableFont_wght.woff2") format("woff2");
}

@font-face {
  font-family: "CMBA Archivo";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/archivo/archivo-latin-wght-normal.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "CMBA Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/public-sans/public-sans-latin-wght-normal.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "CMBA Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../fonts/source-sans-3/source-sans-3-latin-wght-normal.woff2")
    format("woff2-variations");
}

@font-face {
  font-family: "CMBA Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/atkinson-hyperlegible/atkinson-hyperlegible-latin-400-normal.woff2")
    format("woff2");
}

@font-face {
  font-family: "CMBA Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/atkinson-hyperlegible/atkinson-hyperlegible-latin-700-normal.woff2")
    format("woff2");
}

@font-face {
  font-family: "CMBA Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono/IBMPlexMono-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "CMBA Plex Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono/IBMPlexMono-Bold.woff2") format("woff2");
}

:root {
  --cmba-blue: oklch(49% 0.15 254);
  --cmba-blue-dark: oklch(25% 0.08 254);
  --cmba-blue-black: oklch(16% 0.05 254);
  --cmba-green: oklch(35% 0.1 166);
  --cmba-green-deep: oklch(22% 0.075 166);
  --cmba-orange: oklch(67% 0.16 48);
  --cmba-gold: oklch(75% 0.14 82);
  --cmba-ink: oklch(18% 0.042 254);
  --cmba-charcoal: oklch(22% 0.032 250);
  --cmba-muted: oklch(47% 0.034 250);
  --cmba-line: oklch(85% 0.019 246);
  --cmba-line-strong: oklch(73% 0.028 246);
  --cmba-white: oklch(99% 0.004 250);
  --cmba-paper: oklch(96% 0.013 88);
  --cmba-paper-blue: oklch(94% 0.025 242);
  --cmba-warm-paper: oklch(96% 0.028 78);
  --cmba-radius: 8px;
  --cmba-radius-sm: 4px;
  --cmba-shadow: 0 30px 80px oklch(18% 0.05 254 / 0.16);
  --cmba-shadow-tight: 0 16px 38px oklch(18% 0.05 254 / 0.13);
  --cmba-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cmba-font-sans:
    "CMBA Hanken Grotesk", "CMBA Manrope", ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cmba-font-mono:
    "CMBA Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --fontFamily: var(--cmba-font-sans);
  --buttonFontFamily: var(--cmba-font-sans);
  --theme-font-family: var(--cmba-font-sans);
  --theme-font-style: normal;
  --theme-font-size: 1rem;
  --theme-font-weight: 400;
  --theme-line-height: 1.65;
  --theme-letter-spacing: 0;
  --theme-text-transform: none;
  --theme-text-decoration: none;
  --theme-button-font-family: var(--cmba-font-sans);
  --theme-button-font-style: normal;
  --theme-button-font-size: 0.94rem;
  --theme-button-font-weight: 800;
  --theme-button-line-height: 1.2;
  --theme-button-letter-spacing: 0.04em;
  --theme-button-text-transform: uppercase;
  --theme-form-font-family: var(--cmba-font-sans);
  --theme-form-font-style: normal;
  --theme-form-font-size: 1rem;
  --theme-form-font-weight: 500;
  --theme-form-line-height: 1.5;
  --theme-form-letter-spacing: 0;
  --theme-form-text-transform: none;
  --theme-form-text-decoration: none;
  --cmba-width: 1220px;
  --cmba-wide: 1420px;
  --cmba-reading: 760px;
}