/* ! Design-Tokens (Redesign Oktober 2026, Vorlage: Dump/13-10/digitalwehr – assets/css/theme.css)
 * Eine Quelle für Farben, Schriften und Maße. Die bereichsweisen Variablen in header-neu, serie-neu,
 * produktseite-neu und footer-neu verweisen hierher (--rot → --dw-accent usw.).
 * Schriften lokal (keine externen Fonts, DSGVO), Lizenz SIL OFL 1.1 – siehe Assets/fonts/OFL-*.txt.
 * Vorgabe: keine Monospace-Schrift – Überzeilen/Datenlabels nutzen die Fließtextschrift. */

@font-face { font-family: "Archivo"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/archivo-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/archivo-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/archivo-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }
/* Plex Sans hat keinen 700er-Schnitt im Paket: "bold" fällt auf 600 zurück (kein Kunstfett) */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ibm-plex-sans-latin-600-normal.woff2") format("woff2"); }

:root {
	--dw-ink: #0E0F11;
	--dw-ink-2: #1A1B1E;
	--dw-ink-line: #2A2B2F;
	--dw-ink-line-2: #3A3B40;
	--dw-ink-btn-line: #5A5B60;    /* Rand der Umriss-Buttons auf Dunkel */
	--dw-white: #FFFFFF;
	--dw-soft: #F4F4F2;
	--dw-soft-2: #F2F2F0;
	--dw-line: #E4E4E1;
	--dw-line-2: #EDEDEA;
	--dw-line-strong: #CFCFCB;
	--dw-text-2: #3A3B40;
	--dw-muted: #55565B;
	--dw-muted-2: #6B6C70;
	--dw-faint: #8A8B90;
	--dw-on-dark: #E4E4E1;
	--dw-on-dark-muted: #C9CACD;
	--dw-on-dark-faint: #9A9B9F;
	--dw-accent: #D3001C;          /* Hauptbuttons */
	--dw-accent-text: #B8001A;     /* Links/Text auf Weiß (Kontrast ≥ 4,5:1), Hover der Hauptbuttons */
	--dw-accent-soft: #FDF1F2;
	--dw-accent-on-dark: #FF5A6E;
	--dw-ok: #146B3A;
	--dw-ok-bg: #E6F4EC;
	--dw-ok-dot: #1E8E4E;

	--dw-font-display: "Archivo", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--dw-font-body: "IBM Plex Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--dw-r-sm: 6px;
	--dw-r: 8px;
	--dw-r-md: 10px;
	--dw-r-lg: 14px;
	--dw-r-xl: 16px;
	--dw-shadow-card: 0 10px 30px rgba(14, 15, 17, .08);
	--dw-shadow-float: 0 24px 60px rgba(14, 15, 17, .12);
}