/* Theme variables + primitives the ported customiser CSS expects from the Montigo theme. */
:root {
  --text-color: 15, 23, 42;
  --background: 250, 250, 245;
  --container-max-width: 1500px;
  --container-gutter: 15px;
  --header-height: 61px;
  --heading-h3-font-size: 24px;
  --spacing-2: 8px;
  --fd-navy: #0F172A;
  --fd-divider: #e5e5ef;
}
@media (min-width: 741px) { :root { --heading-h3-font-size: 32px; } }
@media (min-width: 1000px) { :root { --container-gutter: 40px; } }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Qanelas Soft", sans-serif;
  font-size: 15px;
  line-height: 1.73;
  font-weight: 500;
  color: rgb(var(--text-color));
  background: rgb(var(--background));
}
.container { width: 100%; max-width: var(--container-max-width); margin-inline: auto; padding-inline: var(--container-gutter); box-sizing: border-box; }
.section { display: block; }
button { font-family: inherit; }
.tap { background: none; border: 0; color: inherit; cursor: pointer; line-height: 0; }
[hidden] { display: none !important; }
svg { flex-shrink: 0; }