/* DOSIGNY — Brücke für die übernommenen Tool-Stile: alte Gestaltungswerte und Grundbausteine, nur innerhalb von .dz-tool.
 * Die Tools selbst bleiben unverändert (assets/tools/<slug>.css). Erstellt durch Dominik Baurhenn - DOSIGNY — https://www.dosigny.com */
.dz-tool {
  --color-primary: #45bfa6; --color-primary-rgb: 69, 191, 166; --color-secondary: #7b5cff;
  --color-text: #d0d6de; --color-text-muted: #a1a1aa; --color-heading: #e8eaed; --color-light: #ffffff; --color-gray: #9aa3b0;
  --color-bg: #0c0816; --color-dark: #0c0816; --color-darker: #080510; --color-surface: #1a1625; --color-border: rgba(255,255,255,.08);
  --spacing-xs: .5rem; --spacing-sm: 1rem; --spacing-md: 2rem; --spacing-lg: 4rem; --spacing-xl: 5rem;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 9999px; --transition-base: .3s ease;
  --font-body: var(--f-text); --font-heading: var(--f-display);
  color: var(--color-text); font-family: var(--f-text); line-height: 1.6;
}
.dz-tool .container { width: auto; max-width: none; margin: 0; padding: 0; }
.dz-tool h2, .dz-tool h3, .dz-tool h4 { font-family: var(--f-display); line-height: 1.25; }
.dz-tool a { color: var(--color-primary); }
.dz-tool .btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .7rem 1.4rem; border: 1px solid var(--color-primary); border-radius: var(--radius-sm); background: var(--color-primary); color: #0c0816; font: 700 .95rem/1.2 var(--f-text); text-decoration: none; cursor: pointer; transition: background .2s, color .2s; }
.dz-tool .btn:hover { background: #5fd4bb; }
.dz-tool .btn--primary { background: var(--color-primary); color: #0c0816; }
.dz-tool .btn--secondary { background: transparent; color: var(--color-primary); }
.dz-tool .btn--secondary:hover { background: rgba(var(--color-primary-rgb), .12); }
.dz-tool input, .dz-tool select, .dz-tool textarea { font-family: inherit; }
.dz-tool :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }

/* Aktive Reiter auf Türkis: dunkle Schrift (vorher hellgrau, 1,55:1) */
.dz-tool .active:is([class*="-tab"], .tab) { color: #0c0816; }