/* PLACE MY ART — Design-Tokens.
 * ERZEUGT aus tokens.json durch scripts/tokens-to-css.mjs (npm run tokens). Nicht von Hand bearbeiten. */

@font-face{
	font-family:"Schibsted Grotesk";
	src:url("fonts/SchibstedGrotesk.ttf") format("truetype");
	font-weight:400 900;
	font-style:normal;
	font-display:swap;
}
@font-face{
	font-family:"JetBrains Mono";
	src:url("fonts/JetBrainsMono.ttf") format("truetype");
	font-weight:100 800;
	font-style:normal;
	font-display:swap;
}

:root,[data-theme="light"]{
	--font-sans:"Schibsted Grotesk", Arial, Helvetica, sans-serif;
	--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
	--text-titel-family:var(--font-sans);
	--text-titel-size:30px;
	--text-titel-line-height:1.15;
	--text-titel-weight:800;
	--text-titel-letter-spacing:-0.5px;
	--text-abschnitt-family:var(--font-sans);
	--text-abschnitt-size:22px;
	--text-abschnitt-line-height:1.2;
	--text-abschnitt-weight:800;
	--text-abschnitt-letter-spacing:-0.3px;
	--text-karte-family:var(--font-sans);
	--text-karte-size:17px;
	--text-karte-line-height:1.25;
	--text-karte-weight:700;
	--text-text-family:var(--font-sans);
	--text-text-size:15.5px;
	--text-text-line-height:1.5;
	--text-text-weight:400;
	--text-beschriftung-family:var(--font-sans);
	--text-beschriftung-size:13px;
	--text-beschriftung-line-height:1.4;
	--text-beschriftung-weight:600;
	--text-hinweis-family:var(--font-sans);
	--text-hinweis-size:12.5px;
	--text-hinweis-line-height:1.4;
	--text-hinweis-weight:400;
	--text-knopf-family:var(--font-sans);
	--text-knopf-size:14.5px;
	--text-knopf-line-height:1.2;
	--text-knopf-weight:600;
	--text-mass-family:var(--font-mono);
	--text-mass-size:13px;
	--text-mass-line-height:1.2;
	--text-mass-weight:600;
	--text-chip-family:var(--font-mono);
	--text-chip-size:11.5px;
	--text-chip-line-height:1.2;
	--text-chip-weight:600;
	--text-kennung-family:var(--font-mono);
	--text-kennung-size:12px;
	--text-kennung-line-height:1.2;
	--text-kennung-weight:400;
	--text-kennung-letter-spacing:0.08em;
	--papier:#f4f2ee;
	--karton:#eae6df;
	--weiss:#ffffff;
	--tusche:#141414;
	--grau:#6e6b66;
	--linie:#d9d5cd;
	--schiefer:#4a6c8c;
	--schiefer-gedrueckt:#3d5b77;
	--schiefer-hell:#dde5ec;
	--fokus:var(--schiefer);
	--massband:var(--tusche);
	--wand:#9b9893;
	--fehler:#a1443a;
	--fehler-flaeche:#f6e4e1;
	--warnung:#9a6b1f;
	--warnung-flaeche:#f4ead6;
	--erfolg:#3f7a52;
	--erfolg-flaeche:#e1eee4;
	--space-1:4px;
	--space-2:8px;
	--space-3:12px;
	--space-4:16px;
	--space-5:24px;
	--space-6:32px;
	--space-7:48px;
	--radius-sm:4px;
	--radius-md:6px;
	--radius-lg:8px;
	--radius-pill:999px;
	--schatten-karte:0 1px 2px rgba(20,20,20,0.06), 0 8px 24px rgba(20,20,20,0.07);
	--schatten-werk:0 6px 14px rgba(0,0,0,0.25);
	--strich-massband:1px;
	--strich-massband-druck:0.25pt;
	--rahmen-werk:4px;
}

[data-theme="dark"]{
	--papier:#141414;
	--karton:#1f1f1f;
	--weiss:#2a2a2a;
	--tusche:#f4f2ee;
	--grau:#a8a39b;
	--linie:#3a3a3a;
	--schiefer:#8fb0cc;
	--schiefer-gedrueckt:#a9c4da;
	--schiefer-hell:#223240;
	--fokus:var(--schiefer);
	--massband:var(--tusche);
	--wand:#6b6965;
	--fehler:#e08a80;
	--fehler-flaeche:#3a1f1b;
	--warnung:#d8b06a;
	--warnung-flaeche:#3a2d14;
	--erfolg:#8fcaa2;
	--erfolg-flaeche:#1b3024;
	--schatten-karte:0 1px 2px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.4);
	--schatten-werk:0 6px 14px rgba(0,0,0,0.6);
}