/* ============================================================
  JASJE A, LIGHT PREMIUM
  Apple-clean · veel witruimte · grotesk (Hanken) · zacht
  ============================================================ */
html[data-theme="a"]{
 --font-body:'Hanken Grotesk',system-ui,sans-serif;
 --font-display:'Hanken Grotesk',sans-serif;
 --font-mono:'Space Mono',monospace;
 --font-ui:'Hanken Grotesk',sans-serif;
 --display-weight:800;
 --display-tracking:-0.035em;
 --display-em-style:normal;
 --tracking-body:-0.01em;

 --bg:#fcfcfe;
 --surface:#ffffff;
 --surface-2:#f4f5f9;
 --text:#0a1020;
 --text-2:#5d6478;
 --line:#e7e9f1;
 --line-strong:#d5d8e3;

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

 --radius:18px;--radius-lg:24px;--radius-xl:32px;--ico-radius:13px;
 --shadow-lg:0 26px 50px -28px rgba(10,16,32,.25);
 --shadow-xl:0 40px 80px -40px rgba(10,16,32,.28);
 --btn-radius:999px;--btn-shadow:0 8px 24px -10px var(--brand);--ghost-bg:#fff;

 --header-bg:rgba(252,252,254,.82);
 --nav-gap:26px;--nav-weight:500;--navline:100%;

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

 --ph-bg:repeating-linear-gradient(135deg,#eef0f6 0 12px,#e7e9f2 12px 24px);
 --ph-border:0;--ph-text:#9298ac;

 --brandpill-weight:700;--brandpill-size:1.05rem;
 --card-h-weight:700;--card-hover-border:transparent;
 --ink-fill:var(--brand);

 --band-bg:#0a1020;--band-text:#fff;--band-muted:#aab2c8;
 --band-glow:radial-gradient(800px 300px at 85% -20%,rgba(29,112,184,.45),transparent);
 --brand-on-band:#5aa6f0;

 --cap-bg:rgba(255,255,255,.7);--cap-text:#0a1020;

 --final-bg:transparent;--final-muted:#5d6478;--final-glow:none;

 --footer-bg:#0a1020;--footer-text:#fff;--footer-head:#fff;
 --footer-link:#8d96ad;--footer-hover:#fff;--footer-line:rgba(255,255,255,.1);
 --footer-border:none;

 --switch-bg:#fff;--switch-line:#e2e4ea;
}
/* A-specifiek: zachte luchtige koppen, onderstreping-nav */
html[data-theme="a"] .langtog button.on{border-radius:999px}
html[data-theme="a"] .nav-links a{font-weight:500}