/*
  Theme Name: Provocatief
  Theme URI: https://provocalief.nl
  Version: 1.1.1
  Template: Divi
  Author: Creative Compound
  Author URI: https://creativecompound.nl
  Description: Child theme voor de Provocalief-website, gebaseerd op Divi.
  Text Domain: provocatief
  License: GNU General Public License v2 or later
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* General Sans — local, privacy-friendly WOFF2 webfonts. */
@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-light-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-semibold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("fonts/general-sans-bold-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

/*
 * Semantic Provocalief tokens backed by the native Divi 5 variables.
 * Each fallback keeps the child theme usable if a Divi variable is removed.
 */
:root:root {
  --pcl-color-ruby: var(--gcid-primary-color, #581311);
  --pcl-color-red: var(--gcid-secondary-color, #ee3719);
  --pcl-color-pink: var(--gcid-7rl6tgajw4, #ee88b2);
  --pcl-color-powder-pink: var(--gcid-50wr0d85wd, #f7c6c9);
  --pcl-color-blush: var(--pcl-color-powder-pink);
  --pcl-color-yellow: var(--gcid-2kadq0qxiq, #fefe78);
  --pcl-color-off-white: var(--gcid-ar1txehvj0, #f5f5fa);
  --pcl-color-ink: var(--gcid-2yr2nusf6z, #212121);
  --pcl-color-white: var(--gcid-afo1n6f6wd, #ffffff);
  --pcl-color-heading: var(--gcid-heading-color, #581311);
  --pcl-color-body: var(--gcid-body-color, #212121);

  --pcl-font-family: "General Sans", Arial, sans-serif;
  --et_global_heading_font: "General Sans", Arial, sans-serif !important;
  --et_global_body_font: "General Sans", Arial, sans-serif !important;

  --pcl-font-display: var(--gvid-vq5e7dscp2, clamp(56px, calc(32.59px + 6.24vw), 120px));
  --pcl-font-h1: var(--gvid-nejzwko98s, clamp(48px, calc(33.37px + 3.9vw), 88px));
  --pcl-font-h2: var(--gvid-ys3e3y5tmw, clamp(40px, calc(31.22px + 2.34vw), 64px));
  --pcl-font-h3: var(--gvid-augbeejokv, clamp(34px, calc(28.88px + 1.37vw), 48px));
  --pcl-font-h4: var(--gvid-smzu42yh7u, clamp(28px, calc(25.07px + 0.78vw), 36px));
  --pcl-font-h5: var(--gvid-z3rwnyblbg, clamp(22px, calc(21.27px + 0.2vw), 24px));
  --pcl-font-h6: var(--gvid-t3goqcov9p, clamp(18px, calc(17.27px + 0.2vw), 20px));
  --pcl-font-body-lg: var(--gvid-7pxn4cf5a6, clamp(18px, calc(17.27px + 0.2vw), 20px));
  --pcl-font-body: var(--gvid-2lnut41z1r, 16px);
  --pcl-font-small: var(--gvid-mspo959vvh, 13px);
  --pcl-font-caps: var(--gvid-ohcci4juo8, 13px);
  --pcl-font-label: var(--gvid-rrot1wbktu, 10px);

  --pcl-line-display: var(--gvid-k9bmqd6d5z, 1.025);
  --pcl-line-h1: var(--gvid-y1v079n9t2, 1);
  --pcl-line-h2: var(--gvid-ffmgs4923o, 1.0625);
  --pcl-line-h3: var(--gvid-qqhx2ar4k3, 1.25);
  --pcl-line-h4: var(--gvid-pbwkhj67qd, 1.0556);
  --pcl-line-h5: var(--gvid-zba3627u2a, 1.0833);
  --pcl-line-h6: var(--gvid-i3o66pfjs8, 1.3);
  --pcl-line-body-lg: var(--gvid-8sx78fvv2t, 1.3);
  --pcl-line-body: var(--gvid-elsh74vf3x, 1.375);
  --pcl-line-small: var(--gvid-i9lcfdpuzr, 1.3846);
  --pcl-line-caps: var(--gvid-k28ite80pe, 1.0769);
  --pcl-line-label: var(--gvid-cuzra5x6t8, 1.2);

  --pcl-track-display: var(--gvid-es8w2natbv, -0.025em);
  --pcl-track-h1: var(--gvid-ssvfd4cq3i, -0.025em);
  --pcl-track-h2: var(--gvid-rj26bsu6d3, -0.025em);
  --pcl-track-h3: var(--gvid-8k6v5vy2c7, -0.025em);
  --pcl-track-h4: var(--gvid-qramelhuxg, -0.0222em);
  --pcl-track-h5: var(--gvid-hcng3i3jym, -0.0167em);
  --pcl-track-h6: var(--gvid-gfjpzjpfi4, -0.01em);
  --pcl-track-body-lg: var(--gvid-ma6ypzpm41, -0.015em);
  --pcl-track-body: var(--gvid-u63guvke1y, -0.0133em);
  --pcl-track-small: var(--gvid-byjw0vcumi, -0.0077em);
  --pcl-track-caps: var(--gvid-1xr2srexoy, 0.0769em);
  --pcl-track-label: var(--gvid-b652g21jfu, 0.02em);

  --pcl-page-max: var(--gvid-qna535q5o7, 1400px);
  --pcl-content-max: var(--gvid-ri9bwvu841, 1232px);
  --pcl-page-gutter: var(--gvid-jofjcas5t0, 80px);
  --pcl-grid-gutter: var(--gvid-45m8ajqj4s, 16px);
  --pcl-grid-unit: var(--gvid-1liv0up4ys, 8px);
  --pcl-header-height: var(--gvid-bctuptiz5i, 120px);
  --pcl-button-height: var(--gvid-8owy283cwb, 52px);
  --pcl-button-pad-inline: var(--gvid-7y9648yxon, 32px);
  --pcl-button-pad-block: var(--gvid-ux58w5gp9c, 12px);
  --pcl-tag-height: var(--gvid-lfgvk5rp1d, 24px);
  --pcl-tag-pad-inline: var(--gvid-fykpz3ij8u, 14px);
  --pcl-tag-pad-block: var(--gvid-8oyatvdoqa, 6px);
  --pcl-border-thin: var(--gvid-d1scbbmhyn, 1px);
  --pcl-icon-stroke: var(--gvid-s6ox08397z, 1.5px);
  --pcl-radius-none: var(--gvid-qke9je6hst, 0px);
}

html {
  font-synthesis: none;
}

body,
button,
input,
optgroup,
select,
textarea,
.et-db #et-boc .et-l {
  font-family: var(--pcl-font-family);
}

body {
  color: var(--pcl-color-body);
  font-size: var(--pcl-font-body);
  font-weight: 400;
  line-height: var(--pcl-line-body);
  letter-spacing: var(--pcl-track-body);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .et_pb_button {
  font-family: var(--pcl-font-family);
}

body h1 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h1);
  font-weight: 700;
  line-height: var(--pcl-line-h1);
  letter-spacing: var(--pcl-track-h1);
}

body h2 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h2);
  font-weight: 700;
  line-height: var(--pcl-line-h2);
  letter-spacing: var(--pcl-track-h2);
}

body h3 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h3);
  font-weight: 700;
  line-height: var(--pcl-line-h3);
  letter-spacing: var(--pcl-track-h3);
}

body h4 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h4);
  font-weight: 700;
  line-height: var(--pcl-line-h4);
  letter-spacing: var(--pcl-track-h4);
}

body h5 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h5);
  font-weight: 600;
  line-height: var(--pcl-line-h5);
  letter-spacing: var(--pcl-track-h5);
}

body h6 {
  color: var(--pcl-color-heading);
  font-size: var(--pcl-font-h6);
  font-weight: 600;
  line-height: var(--pcl-line-h6);
  letter-spacing: var(--pcl-track-h6);
}

.pcl-display {
  font-family: var(--pcl-font-family);
  font-size: var(--pcl-font-display);
  font-weight: 700;
  line-height: var(--pcl-line-display);
  letter-spacing: var(--pcl-track-display);
}

.pcl-body-large {
  font-size: var(--pcl-font-body-lg);
  font-weight: 400;
  line-height: var(--pcl-line-body-lg);
  letter-spacing: var(--pcl-track-body-lg);
}

.pcl-small {
  font-size: var(--pcl-font-small);
  line-height: var(--pcl-line-small);
  letter-spacing: var(--pcl-track-small);
}

.pcl-caps {
  font-size: var(--pcl-font-caps);
  font-weight: 600;
  line-height: var(--pcl-line-caps);
  letter-spacing: var(--pcl-track-caps);
  text-transform: uppercase;
}

.pcl-label {
  font-size: var(--pcl-font-label);
  font-weight: 700;
  line-height: var(--pcl-line-label);
  letter-spacing: var(--pcl-track-label);
}