@font-face {
  font-family: "Instrument Sans";
  src: url("https://deckdocs.com/wp-content/uploads/kodety/assets/assets/fonts/instrument-sans-latin-2cfc58cc232f.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 75% 100%;
  font-display: swap;
}

@font-face {
  font-family: "Sora";
  src: url("https://deckdocs.com/wp-content/uploads/kodety/assets/assets/fonts/sora-latin-baadcc13813e.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --background: #000;
  --foreground: #fdfcfc;
  --stroke-width: 1px;
  --cta-stroke-width: 1px;
  --fluid-unit: 0.8px;
  --page-gutter: 60px;
  --content-grid: calc(100vw - (var(--page-gutter) * 2));
  --section-grid: var(--content-grid);
  --hero-shell: var(--content-grid);
  --hero-gutter: var(--page-gutter);
  --copy-width: 352px;
  --copy-size: calc(21.331 * var(--fluid-unit));
  --cta-width: calc(207.398 * var(--fluid-unit));
  --cta-height: calc(44.198 * var(--fluid-unit));
  --cta-font-size: calc(18.125 * var(--fluid-unit));
}

@media (min-width: 1100px) {
  :root {
    --fluid-unit: 1px;
    --page-gutter: max(5vw, calc((100vw - 1216px) / 2));
    --copy-width: 352px;
  }
}

/* Preserve the authored 1216px desktop grid down to a 1250px viewport.
   Only the outer gutters change; section geometry remains identical. */
@media (min-width: 1250px) {
  :root {
    --page-gutter: calc((100vw - 1216px) / 2);
    --content-grid: 1216px;
  }
}