/* ============================================================
   V4-SKIN — Konzept «Kreislauf» (Datawizz-Stil) für Unterseiten
   Überschreibt die Dark-Theme-Variablen von archiv3.css und die
   Heading-Typografie. Seiten werden per Inline-Script auf dark
   gezwungen (Theme-Toggle ausgeblendet).
   ============================================================ */
html[data-theme="dark"]{
  --bg:#060B09; --bg-2:#081009; --bg-alt:#081009;
  --paper:#0B1410; --paper-2:#111B15; --paper-3:#16231B;
  --line:rgba(216,255,238,0.09); --line-2:rgba(216,255,238,0.16); --line-3:rgba(216,255,238,0.30);
  --ink:#F2FAF6; --ink-2:#9FB4AA; --ink-3:#7E948A; --ink-4:#75897F;
  --brand:#2BD08F; --brand-strong:#1FA371; --brand-2:#5FE6B0;
  --brand-soft:rgba(43,208,143,0.14); --brand-tint:rgba(43,208,143,0.12);
  --brand-line:rgba(43,208,143,0.42); --brand-glow:rgba(95,230,176,0.30); --brand-2-rgb:95,230,176;
  --nav-bg:rgba(6,11,9,0.82); --drawer-bg:rgba(7,12,10,0.98); --glass-bg:rgba(10,18,14,0.70);
}

/* V4-Typo: ruhige Grotesk statt Archivo-Black für Headings */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .h-xl,
html[data-theme="dark"] .h-lg,
html[data-theme="dark"] .h-md,
html[data-theme="dark"] .h-sm{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","IBM Plex Sans",sans-serif;
  font-weight:650;
  letter-spacing:-0.02em;
}

/* Dark erzwungen → Toggle weg */
html[data-theme="dark"] .js-theme-toggle,
html[data-theme="dark"] #themeToggle,
html[data-theme="dark"] .dl--theme{display:none!important}

/* Brand-Wortmarke: «3» in Mint-Verlauf wie auf der V4-Startseite */
html[data-theme="dark"] .brand__chip,
html[data-theme="dark"] .nav__logo .three{
  background:linear-gradient(160deg,#5FE6B0,#2BD08F);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---- V4-Logo (ersetzt brand__name auf allen Seiten) ---- */
.v4logo{display:inline-flex;align-items:center;gap:10px;line-height:1}
.v4logo__mark{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(43,208,143,.16),rgba(43,208,143,.04) 55%,rgba(110,79,230,.10));
  border:1px solid rgba(43,208,143,.42);
  box-shadow:0 0 16px rgba(43,208,143,.22),inset 0 1px 0 rgba(255,255,255,.09)}
.v4logo__mark span{font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-size:18px;line-height:1;transform:translateY(-.5px);
  background:linear-gradient(160deg,#5FE6B0 10%,#2BD08F 55%,#1FA371);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4logo__word{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","IBM Plex Sans",sans-serif;
  font-weight:650;font-size:20px;letter-spacing:-.01em;color:var(--ink)}
.v4logo__three{font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-size:1.05em;
  background:linear-gradient(160deg,#5FE6B0,#2BD08F);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Buttons: Pill-Form + Sans wie Granit-Startseite */
html[data-theme="dark"] .btn{border-radius:999px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","IBM Plex Sans",sans-serif;font-size:14.5px;font-weight:600;letter-spacing:0;padding:13px 24px}
html[data-theme="dark"] .btn--sm{padding:10px 17px;font-size:13.5px}
html[data-theme="dark"] .nav__login{border-radius:999px}