/* Farbwerte für die zwölf ursprünglichen Tool-Seiten.
   Diese Datei wird nach deren eigenem Stylesheet geladen und überschreibt
   ausschließlich Farben, damit alle Seiten dasselbe Erscheinungsbild haben. */

:root{
  --bg:#fbfbfd;--surface:#ffffff;--surface-2:#f4f4f7;
  --glass:rgba(255,255,255,.78);--glass-brd:rgba(255,255,255,.9);
  --border:#e7e7ec;--border-hover:#d2d2da;
  --text:#0d0d12;--text-2:#4b4b57;--text-3:#8b8b98;
  --accent:#14141a;--accent-hover:#000000;--accent-soft:#f0f0f4;--accent-text:#14141a;
  --link:#2a45d6;
  --brand-a:#6d5efc;--brand-b:#ef5f8c;
  --highlight:#c9761f;--highlight-soft:rgba(240,164,74,.16);
  --success:#1f8d81;--success-soft:rgba(42,167,154,.14);
  --danger:#d94a78;--danger-soft:rgba(239,95,140,.13);
  --purple:#7c4ddc;--purple-soft:rgba(139,92,246,.13);
  --tone-violet:#c2b6ff;--tone-rose:#ffb7d3;--tone-peach:#ffcbb2;--tone-sky:#bcd3ff;
  --m1:var(--tone-violet);--m2:var(--tone-rose);--m3:var(--tone-peach);--m4:var(--tone-sky);
  --shadow-sm:0 1px 2px rgba(13,13,18,.05);
  --shadow-md:0 4px 14px rgba(13,13,18,.07);
  --shadow:0 16px 44px rgba(13,13,18,.10);
}

/* Logo-Kachel: feste Markenfarben statt der Textfarben */
.tb-logo-mark,.logo-mk,.tbh-mark{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));}

/* Fest eingetragene Farbverläufe in Schrift auflösen */
.tb-logo-name b,.logo-nm b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text);}
.tb-hero h1 span,.hero h1 .grad,.grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text);}

/* Farbige Schrift in Karten auf Schwarz umstellen */
.tb-card h2,.tb-article-card h2,.tb-faq-card h2,.tb-hero h1{color:var(--text);}
.tb-info-card h3,.tb-info-card h2{color:var(--text-3);}
.ct-tag,.tb-tool-tag{color:var(--text-2);}
.ct-go,.tb-rel-c .go{color:var(--text);}
.tb-article-card a,.tb-faq-card a,.tb-prose a{color:var(--link);text-decoration:underline;text-underline-offset:2px;}
.tb-article-card a:hover,.tb-faq-card a:hover{color:var(--text);}

/* Verlauf wie auf allen anderen Seiten: flach, über die Kopfzeile hinausreichend.
   Waagerecht begrenzt, damit die -10 % an den Seiten nicht das Dokument verbreitern
   und waagerechtes Scrollen erzeugen; senkrecht bleibt der Überstand erhalten. */
.tb-hero,.hero{position:relative;overflow:visible;overflow-x:clip;}
.tb-mesh,.mesh{position:absolute;inset:auto;top:-160px;left:-10%;right:-10%;bottom:auto;height:calc(100% + 250px);opacity:.9;filter:blur(74px);z-index:0;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
 mask-image:linear-gradient(180deg,#000 0%,#000 52%,transparent 100%);
 background:
  radial-gradient(42% 52% at 12% 30%,var(--tone-rose) 0%,transparent 65%),
  radial-gradient(38% 48% at 84% 24%,var(--tone-violet) 0%,transparent 65%),
  radial-gradient(46% 54% at 62% 72%,var(--tone-sky) 0%,transparent 65%),
  radial-gradient(36% 46% at 30% 78%,var(--tone-peach) 0%,transparent 65%);}
.tb-hero-in,.hero-in{position:relative;z-index:1;}
.tb-bc{position:relative;z-index:2;}
.tb-grain,.grain{opacity:.22;}