@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

:root {
  --camus-font-family: "Geist", "Inter", "Segoe UI", Arial, sans-serif;
}

html,
body,
button,
input,
textarea,
select,
option,
optgroup,
a,
p,
li,
dt,
dd,
small,
summary,
label,
span,
strong,
em,
blockquote,
figcaption,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
.brand strong,
.btn,
.header-cta,
.main-nav a,
.camus-theme-toggle,
.mockup-profile-btn,
.plan-cta {
  font-family: var(--camus-font-family) !important;
}

code,
kbd,
pre,
samp {
  font-family: var(--camus-font-family) !important;
}

/* Keep strong weight only on titles. The inert ids raise specificity enough to
   override older component rules that used !important for buttons and labels. */
body *:not(#camus-regular-weight):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6),
body *:not(#camus-regular-weight):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)::before,
body *:not(#camus-regular-weight):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)::after {
  font-weight: 400 !important;
}

body :is(h1, h2, h3, h4, h5, h6):not(#camus-title-weight):not(#camus-title-weight-2) {
  font-weight: 800 !important;
}

body :is(h1, h2, h3, h4, h5, h6) *:not(#camus-title-child-weight):not(#camus-title-child-weight-2) {
  font-weight: inherit !important;
}

body .flow-item h3 {
  font-weight: 500 !important;
}

body .plan-price-value:not(#camus-price-weight):not(#camus-price-weight-2) {
  font-weight: 800 !important;
}