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

:root {
  /* Brand palette: compact, semantic and contrast-aware. */
  --ut-bg-light: #f7f1e8;
  --ut-bg-light-alt: #eee5d9;
  --ut-bg-dark: #111417;
  --ut-bg-dark-alt: #1b2024;
  --ut-text-dark: #181a1d;
  --ut-text-light: #faf7f0;
  --ut-text-muted: #62676d;
  --ut-cyan: #00e5ff;
  --ut-cyan-hover: #00b8d4;
  --ut-cyan-ink: #006d78;
  --ut-ticu-violet: #7552c7;
  --ut-border: #d7cec2;
  --ut-success: #237b56;
  --ut-error: #b93846;

  /* Manrope is self-hosted as one 24 KB latin WOFF2 file. */
  --ut-font-main: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ut-font-display: var(--ut-font-main);
  --ut-text-xs: clamp(0.75rem, 0.72rem + 0.12vw, 0.82rem);
  --ut-text-sm: clamp(0.875rem, 0.84rem + 0.14vw, 0.95rem);
  --ut-text-base: clamp(1rem, 0.96rem + 0.16vw, 1.08rem);
  --ut-text-lg: clamp(1.18rem, 1.08rem + 0.4vw, 1.45rem);
  --ut-text-xl: clamp(1.55rem, 1.28rem + 1vw, 2.25rem);
  --ut-text-2xl: clamp(2.15rem, 1.55rem + 2.3vw, 4.6rem);
  --ut-leading-tight: 1.05;
  --ut-leading-body: 1.65;

  /* Fluid spacing scale. */
  --ut-space-1: clamp(0.35rem, 0.3rem + 0.15vw, 0.5rem);
  --ut-space-2: clamp(0.65rem, 0.55rem + 0.25vw, 0.9rem);
  --ut-space-3: clamp(0.9rem, 0.75rem + 0.45vw, 1.3rem);
  --ut-space-4: clamp(1.25rem, 1rem + 0.8vw, 1.9rem);
  --ut-space-5: clamp(1.75rem, 1.25rem + 1.4vw, 3rem);
  --ut-space-6: clamp(2.6rem, 1.7rem + 2.6vw, 5.5rem);
  --ut-space-section: clamp(3.5rem, 2.2rem + 4vw, 8rem);

  --ut-radius-sm: 0.5rem;
  --ut-radius-md: 1rem;
  --ut-radius-lg: 1.5rem;
  --ut-radius-pill: 999px;
  --ut-shadow-sm: 0 0.5rem 1.5rem rgb(17 20 23 / 8%);
  --ut-shadow-md: 0 1.25rem 3.5rem rgb(17 20 23 / 14%);
  --ut-container-reading: 46rem;
  --ut-container-main: 76rem;
  --ut-container-wide: 92rem;
  --ut-gutter: clamp(1rem, 0.35rem + 3vw, 4rem);
  --ut-transition-fast: 160ms ease;
  --ut-transition-base: 260ms cubic-bezier(0.2, 0.7, 0.2, 1);
  --ut-focus-ring: 0 0 0 0.25rem rgb(0 229 255 / 28%);
}