/* ==================================
   GLOBAL FONT RULE — CABIN ONLY
   ================================== */

:root {
    --ak-font: 'Cabin', sans-serif;
}

/* Base document */
html,
body {
    font-family: var(--ak-font) !important;
}

/* All text & UI elements inherit */
*,
*::before,
*::after {
    font-family: inherit;
}

/* Form elements (browsers override these by default) */
button,
input,
textarea,
select,
option,
label {
    font-family: inherit !important;
}

/* Common text elements (extra safety for legacy rules) */
h1, h2, h3, h4, h5, h6,
p, a, span, li, small, strong, em {
    font-family: inherit !important;
}

/* Project-specific components (belt + suspenders) */
.vak_rowText,
.vak_headerTitle,
.akcamp_card,
.akcamp_card__title,
.akcamp_card__cta,
.footer,
.panel,
.addr,
.copyright {
    font-family: inherit !important;
}

/* Keep icon fonts working */
.fa,
.fas,
.far,
.fal,
.fab,
[class*="fa-"]::before {
    font-family: "FontAwesome" !important;
}

h1, h2, h3,
.section-header h2,
.hero-title {
    font-weight: 800; /* Cabin SemiBold */
    letter-spacing: 0.02em; /* subtle spacing like the image */
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

/* ==================================
   TYPOGRAPHY NORMALIZE — CABIN ONLY
   ================================== */

:root {
    --ak-font: 'Cabin', sans-serif;
    --ak-text: 16px;
    --ak-line: 1.6;
    --ak-head-line: 1.15;
    --ak-head-track: 0.02em;
}

/* base */
html, body {
    font-family: var(--ak-font) !important;
    font-size: var(--ak-text);
    line-height: var(--ak-line);
}

/* headings (match “BELEIDSNOTA” look) */
h1, h2, h3, h4, h5, h6 {
    font-family: inherit !important;
    font-weight: 600;
    line-height: var(--ak-head-line);
    letter-spacing: var(--ak-head-track);
    margin: 0 0 0.6em;
}

/* sizes (responsive without media queries) */
h1 {
    font-size: clamp(34px, 4vw, 56px);
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: ;
}

h2 {
    font-size: clamp(26px, 2.6vw, 40px);
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

h3 {
    font-size: clamp(20px, 2vw, 28px);
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

h4 {
    font-size: 20px;
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

h5 {
    font-size: 18px;
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

h6 {
    font-size: 16px;
    margin: 0 0 8px;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #025db9;
}

/* paragraphs & common text */
p {
    margin: 0 0 1em;
}

/* links inherit font; keep your existing colors elsewhere */
a {
    font-family: inherit;
}

/* form elements (browsers love overriding these) */
button, input, textarea, select, option, label {
    font-family: inherit !important;
    font-size: inherit;
    line-height: inherit;
}

/* lists */
ul, ol {
    margin: 0 0 1em;
    padding-left: 1.25em;
}

/* small text */
small {
    font-size: 0.875em;
}

/* strong/em (Cabin weights you actually load) */
strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

/* keep FontAwesome icons working */
.fa, .fas, .far, .fal, .fab,
[class*="fa-"]::before {
    font-family: "FontAwesome" !important;
}