/*
 * TinkerSite – Design-Tokens.
 * Farben kommen, wenn vorhanden, aus den globalen Elementor-Farben
 * (Einstellungen → TinkerSite → "In Elementor übernehmen"), sonst aus den Werten des Entwurfs.
 */
:root{
	--tt-ink:var(--e-global-color-ttink,#15232E);
	--tt-text:var(--e-global-color-tttext,#3B4954);
	--tt-muted:#5A6873;
	--tt-bg:var(--e-global-color-ttbg,#F8F8F5);
	--tt-white:#FFFFFF;
	--tt-line:rgba(21,35,46,0.08);
	--tt-line-strong:rgba(21,35,46,0.18);
	--tt-selected-tint:#E7F2F9;

	--tt-blue:var(--e-global-color-ttblue,#107FC3);
	--tt-tech:var(--e-global-color-tttech,#15628A);
	--tt-pink:var(--e-global-color-ttpink,#C24A90);
	--tt-red:var(--e-global-color-ttred,#C51C1C);
	--tt-orange:var(--e-global-color-ttorange,#EC7608);
	--tt-yellow:var(--e-global-color-ttyellow,#E69C0D);
	--tt-green:var(--e-global-color-ttgreen,#98C21D);
	--tt-bio:var(--e-global-color-ttbio,#54AB1A);
	--tt-teal:var(--e-global-color-ttteal,#05AB92);

	--tt-font-head:'Tinker Sans','Barlow Semi Condensed','Segoe UI',system-ui,sans-serif;
	--tt-font-body:'Barlow','Segoe UI',system-ui,sans-serif;

	--tt-radius-s:12px;
	--tt-radius-m:16px;
	--tt-radius-l:22px;
	--tt-radius-xl:30px;
	--tt-shadow:0 24px 44px -28px rgba(21,35,46,0.5);
	--tt-wrap:1180px;
}

/*
 * Farbrollen pro Akzent:
 * --tt-c          Flächen- und Akzentfarbe
 * --tt-c-fg       Schrift auf der Fläche
 * --tt-c-text     Textfarbe auf hellem Grund (Kontrast >= 4,5:1)
 * --tt-c-hl       Hervorhebung in großen Überschriften (Kontrast >= 3:1)
 * --tt-c-surface  Fläche, auf der kleine weiße Schrift steht (Kontrast >= 4,5:1)
 */
.tt-c-blue{--tt-c-hl:var(--tt-blue);--tt-c:var(--tt-blue);--tt-c-fg:#FFFFFF;--tt-c-text:#0D68A0;--tt-c-surface:#0F77B7;--tt-c-surface-fg:#FFFFFF}
.tt-c-tech{--tt-c-hl:var(--tt-tech);--tt-c:var(--tt-tech);--tt-c-fg:#FFFFFF;--tt-c-text:#15628A;--tt-c-surface:#15628A;--tt-c-surface-fg:#FFFFFF}
.tt-c-pink{--tt-c-hl:var(--tt-pink);--tt-c:var(--tt-pink);--tt-c-fg:#FFFFFF;--tt-c-text:#A8357A;--tt-c-surface:#BC448A;--tt-c-surface-fg:#FFFFFF}
.tt-c-red{--tt-c-hl:var(--tt-red);--tt-c:var(--tt-red);--tt-c-fg:#FFFFFF;--tt-c-text:#C51C1C;--tt-c-surface:#C51C1C;--tt-c-surface-fg:#FFFFFF}
.tt-c-orange{--tt-c-hl:#B25600;--tt-c:var(--tt-orange);--tt-c-fg:#15232E;--tt-c-text:#B25600;--tt-c-surface:#EC7608;--tt-c-surface-fg:#15232E}
.tt-c-yellow{--tt-c-hl:#8F5F00;--tt-c:var(--tt-yellow);--tt-c-fg:#15232E;--tt-c-text:#8F5F00;--tt-c-surface:#E69C0D;--tt-c-surface-fg:#15232E}
.tt-c-green{--tt-c-hl:#557A0E;--tt-c:var(--tt-green);--tt-c-fg:#15232E;--tt-c-text:#557A0E;--tt-c-surface:#98C21D;--tt-c-surface-fg:#15232E}
.tt-c-bio{--tt-c-hl:#3B7A12;--tt-c:var(--tt-bio);--tt-c-fg:#15232E;--tt-c-text:#3B7A12;--tt-c-surface:#54AB1A;--tt-c-surface-fg:#15232E}
.tt-c-teal{--tt-c-hl:#04806D;--tt-c:var(--tt-teal);--tt-c-fg:#15232E;--tt-c-text:#04806D;--tt-c-surface:#05AB92;--tt-c-surface-fg:#15232E}
.tt-c-ink{--tt-c-hl:var(--tt-ink);--tt-c:var(--tt-ink);--tt-c-fg:#FFFFFF;--tt-c-text:#15232E;--tt-c-surface:#15232E;--tt-c-surface-fg:#FFFFFF}