/* ============================================================
  JASJE C, TECH PRECISE
  Modulair grid · monospace-metadata · engineered · licht
  ============================================================ */
html[data-theme="c"]{
 --font-body:'Hanken Grotesk',system-ui,sans-serif;
 --font-display:'Space Grotesk',sans-serif;
 --font-mono:'JetBrains Mono',monospace;
 --font-ui:'Space Grotesk',sans-serif;
 --display-weight:700;
 --display-tracking:-0.03em;
 --display-em-style:normal;
 --tracking-body:-0.01em;

 --bg:#fafaf8;
 --surface:#ffffff;
 --surface-2:#ffffff;
 --text:#0c1118;
 --text-2:#5c6470;
 --line:#e2e4e0;
 --line-strong:#cdd0ca;

 --brand:#1d70b8;
 --brand-strong:#155d99;
 --brand-tint:#e7f1fa;
 --accent:#e30613;
 --accent-glow:rgba(227,6,19,.45);
 --on-brand:#ffffff;
 --star:#d9a826;

 --radius:14px;--radius-lg:14px;--radius-xl:18px;--ico-radius:10px;
 --shadow-lg:0 16px 32px -20px rgba(12,17,24,.3);
 --shadow-xl:0 24px 50px -30px rgba(12,17,24,.35);
 --btn-radius:10px;--btn-shadow:0 1px 0 rgba(0,0,0,.04);--ghost-bg:#fff;

 --header-bg:rgba(250,250,248,.85);
 --nav-gap:6px;--nav-weight:500;--navline:0;
 --navlink-pad:12px;--navlink-radius:7px;--navlink-hover-bg:#f0f1ec;

 --langtog-border:1px solid var(--line);--langtog-radius:8px;--langtog-bg:#fff;
 --langtog-on-bg:#0c1118;--langtog-on-text:#fff;

 --ph-bg:repeating-linear-gradient(135deg,#eef0eb 0 11px,#e6e8e2 11px 22px);
 --ph-border:1px solid var(--line);--ph-text:#9aa0a0;

 --brandpill-weight:600;--brandpill-size:1.02rem;
 --card-h-weight:600;--card-hover-border:var(--brand);
 --ink-fill:#0c1118;

 --band-bg:#0c1118;--band-text:#fff;--band-muted:#aab2c0;
 --band-glow:none;
 --brand-on-band:#5aa8e6;

 --cap-bg:rgba(255,255,255,.8);--cap-text:#0c1118;

 --final-bg:#fff;--final-border:1px solid var(--line);--final-muted:#5c6470;
 --final-glow:radial-gradient(500px 200px at 50% 0,var(--brand-tint),transparent);

 --footer-bg:#0c1118;--footer-text:#fff;--footer-head:#7b8494;
 --footer-link:#aab2c0;--footer-hover:#fff;--footer-line:rgba(255,255,255,.1);
 --footer-border:none;

 --switch-bg:#fff;--switch-line:#e2e4ea;

 /* decoratief grid op de achtergrond */
 --bg-grid:linear-gradient(#edeeea 1px,transparent 1px),linear-gradient(90deg,#edeeea 1px,transparent 1px);
 --bg-grid-size:46px 46px;--bg-grid-opacity:.7;
}
/* C-specifiek: monospace eyebrows met // prefix-gevoel, strakke koppen */
html[data-theme="c"] .eyebrow{font-family:var(--font-mono);text-transform:uppercase;font-weight:500;letter-spacing:.08em}
html[data-theme="c"] .band{border:1px solid var(--line)}