@charset "UTF-8";

/*------------------------------------------------------------------------------
  4Geeks — DM Sans typography layer
  Loaded LAST (after theme CSS and page-specific CSS) so DM Sans wins the
  cascade on every public page, including pages that inject their own styles
  through Sekizai "css" blocks (for example the calculator).
------------------------------------------------------------------------------*/

:root {
  --dm-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";

  /* App design tokens (geist-4geeks.css) */
  --font-sans: var(--dm-sans);

  /* Bootstrap 4 */
  --font-family-sans-serif: var(--dm-sans);

  /* Bootstrap 5 */
  --bs-body-font-family: var(--dm-sans);
  --bs-font-sans-serif: var(--dm-sans);
}

html,
body,
button,
input,
optgroup,
select,
textarea,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4,
.lead,
.btn,
.form-control,
.custom-select,
.form-check-label,
.nav,
.navbar,
.dropdown-menu,
.modal,
.tooltip,
.popover,
.font-sans {
  font-family: var(--dm-sans);
}

/* Labels and eyebrow text that used to rely on the mono stack. */
.text-cap,
.badge,
.blockquote-footer,
.customer-stories__meta {
  font-family: var(--dm-sans);
}

/* Rich text and editor surfaces keep the brand font. */
.quill-custom .ql-editor p,
.quill-custom .ql-editor.ql-blank::before,
.quill-custom .ql-snow .ql-tooltip::before,
.quill-custom .ql-snow .ql-tooltip.ql-editing input[type="text"] {
  font-family: var(--dm-sans);
}

/* Code remains monospaced for legibility. */
code,
kbd,
pre,
samp,
.text-monospace,
.font-mono {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}