/* ============================================================
   LIGHT PANEL — theme tokens (auto-gegenereerd, merkkleur van de site)
   Alleen dit bestand + data.js verschillen per merk.
   Typografie: Source Sans Pro (lokaal, offline-proof). Verfijn per merk indien gewenst.
   ============================================================ */
@font-face { font-family:"Roboto"; font-weight:300; font-style:normal; font-display:swap; src:url("fonts/roboto-300.woff2") format("woff2"); }
@font-face { font-family:"Roboto"; font-weight:400; font-style:normal; font-display:swap; src:url("fonts/roboto-400.woff2") format("woff2"); }
@font-face { font-family:"Roboto"; font-weight:600; font-style:normal; font-display:swap; src:url("fonts/roboto-600.woff2") format("woff2"); }
@font-face { font-family:"Roboto"; font-weight:700; font-style:normal; font-display:swap; src:url("fonts/roboto-700.woff2") format("woff2"); }

:root {
  --brand: #183367;
  --brand-on-dark: #808FAB;
  --brand-accent: #0D8DFF;
  --brand-hover: #142B58;
  --black: #111418;
  --ink: #1A1A1A;
  --ink-soft: #555555;
  --grey-footer: #2C3036;
  --grey-200: #E0E0E0;
  --grey-100: #EFEFEF;
  --grey-50: #F5F5F5;
  --white: #FFFFFF;

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

  --font: "Roboto", system-ui, sans-serif;
  --display-weight: 700;
  --display-spacing: 0.16em;
  --display-transform: none;
  --subhead-weight: 700;
  --body-weight: 400;

  --radius: 2px;
  --btn-spacing: 0.1em;

  --dur: 160ms;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --logo-needs-dark: 1;
}