/* Zweck: Definiert CSS-Reset, Design-Token (Variablen) und globale Basis-Styles. Verantwortung: Stellt ein konsistentes visuelles Fundament für alle Seiten bereit. Einbindung: In allen HTML-Seiten im `` eingebunden (z. B. `index.html`, `html/product.html`, `html/cart.html`). Zusammenarbeit: - Wird vor `layout.css` und `components.css` geladen. - Liefert Variablen und Grundregeln, auf die andere Styles aufbauen. */ /* Reset & Normalisierung (minimal, kann bei Bedarf erweitert werden) */ *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; width: 100%; min-width: 100vw; overflow-x: hidden; } /* Design-Token / CSS-Variablen */ :root { --color-header-bg: #0f0f0f; /* Beispiel hellgrau */ } body { /* Globale Basis-Styles, später konkretisieren */ display: block; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background-color: #ffffff; color: #111111; }