/* ============================================================
   COFAC — theme tokens
   Bron: ~/Brein/.../cofac-brandbook/tokens.json (scraped 2026-06-16)
   Alleen dit bestand + data.js verschillen per merk binnen Format A.
   ============================================================ */

/* Lokale fonts (offline-proof voor BrightSign, geen Google CDN) */
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/source-sans-300.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/source-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans Pro";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/source-sans-700.woff2") format("woff2");
}

:root {
  /* kleuren */
  --brand: #D4050B;
  --brand-on-dark: #E5696C;
  --brand-accent: #D4050B;
  --brand-hover: #B0040A;
  --black: #000000;
  --ink: #1A1A1A;
  --ink-soft: #555555;
  --grey-footer: #454545;
  --grey-200: #E0E0E0;
  --grey-100: #EFEFEF;
  --grey-50: #F5F5F5;
  --white: #FFFFFF;

  /* rollen */
  --canvas: var(--white);
  --panel-dark: var(--black);
  --on-dark: var(--white);
  --on-light: var(--ink);

  /* typografie */
  --font: "Source Sans Pro", system-ui, sans-serif;
  --display-weight: 300;
  --display-spacing: 0.18em;
  --display-transform: uppercase;
  --subhead-weight: 700;
  --body-weight: 400;

  /* vorm */
  --radius: 0px;          /* COFAC: scherp */
  --btn-spacing: 0.12em;

  /* motion */
  --dur: 160ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* logo-handling: COFAC-logo is wit, alleen op donker leesbaar */
  --logo-needs-dark: 1;
}