/* Copied from Cortex by VDS brand kit v1.0 (css/cortex-brand.css), 2026-10-02.
   Only change: the Google Fonts @import is removed — Inter is self-hosted (assets/fonts). */
/* Cortex by VDS — website tokens (volgt VDS Brandstijlgids 2.0) */
:root{
  /* Merkkleuren */
  --cx-sapphire:#0F1948;      /* primair, navy */
  --cx-cornflower:#6D94E2;    /* enige accentkleur, sky blue */
  --cx-arctic-mist:#DFEAFA;   /* contrastkleur, licht blauw */
  --cx-misty-slate:#8A92AE;   /* ondersteunend accent */
  /* Webneutralen */
  --cx-white:#FFFFFF;
  --cx-ink:#0F1948;
  --cx-ink-muted:#616981;
  --cx-card:#F4F8FE;
  --cx-icon-bg:#E5EBF8;
  --cx-navy-deep:#0E1B3D;
  /* Functioneel (alleen data/status) */
  --cx-positive:#1F8A5B;
  --cx-negative:#B23A3A;
  /* Betekeniskleuren per aandachtsgebied */
  --cx-area-efficiency:#2563EB;
  --cx-area-quality:#7C3AED;
  --cx-area-energy:#16A34A;
  --cx-area-floor:#EA580C;
  --cx-area-control:#1E293B;
  /* Typografie */
  --cx-font:"Inter",system-ui,sans-serif;
  --cx-h1:800 60px/1.05 var(--cx-font);   --cx-h1-ls:-0.03em;
  --cx-h2:800 44px/1.1 var(--cx-font);    --cx-h2-ls:-0.025em;
  --cx-h3:700 19px/1.3 var(--cx-font);    --cx-h3-ls:-0.015em;
  --cx-lead:400 18px/1.55 var(--cx-font);
  --cx-body:400 17px/1.7 var(--cx-font);
  --cx-eyebrow:600 11.5px/1.2 var(--cx-font); --cx-eyebrow-ls:0.14em;
  --cx-measure-body:620px; --cx-measure-lead:540px;
  /* Layout */
  --cx-content:1200px; --cx-margin:32px; --cx-margin-mobile:20px;
  --cx-section:110px; --cx-section-narrow:80px;
  --cx-col-gap:64px; --cx-grid-gap:20px;
  /* Radii */
  --cx-r-button:8px; --cx-r-tile:10px; --cx-r-card:14px; --cx-r-panel:18px; --cx-r-pill:100px;
  /* Beweging */
  --cx-hover:150ms ease; --cx-reveal:700ms ease;
  /* Logo */
  --cx-logo-nav:42px; --cx-logo-nav-scrolled:34px;
}
body{font:var(--cx-body);color:var(--cx-ink);background:var(--cx-white);-webkit-font-smoothing:antialiased}
h1{font:var(--cx-h1);letter-spacing:var(--cx-h1-ls);text-wrap:balance}
h2{font:var(--cx-h2);letter-spacing:var(--cx-h2-ls);text-wrap:balance}
h3{font:var(--cx-h3);letter-spacing:var(--cx-h3-ls)}
p{text-wrap:pretty;max-width:var(--cx-measure-body)}
a{color:var(--cx-sapphire)} a:hover{color:var(--cx-cornflower)}
.cx-eyebrow{font:var(--cx-eyebrow);letter-spacing:var(--cx-eyebrow-ls);text-transform:uppercase;color:var(--cx-cornflower)}
.cx-lead{font:var(--cx-lead);max-width:var(--cx-measure-lead);color:var(--cx-ink-muted)}
.cx-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:14px 24px;border-radius:var(--cx-r-button);font:600 16px/1 var(--cx-font);text-decoration:none;transition:transform var(--cx-hover)}
.cx-btn:hover{transform:translateY(-1px)}
.cx-btn--primary{background:var(--cx-sapphire);color:var(--cx-white)}
.cx-btn--on-navy{background:var(--cx-cornflower);color:var(--cx-sapphire)} /* navy tekst op sky blue: contrastfix */
.cx-logo{display:block;height:var(--cx-logo-nav);width:auto}