/* ============================================================
   SVW Corporate Design — Design Tokens + Self-Hosted Fonts
   Farb-/Typo-Variablen und globaler Reset, von jeder Seite geladen.
   ============================================================ */

/* ── Self-Hosted Fonts (Google Fonts CDN-frei, DSGVO-konform) ─────────── */

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-700.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-800.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-900.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-800italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../../assets/fonts/barlow-condensed-900italic.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/fonts/inter-400.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../assets/fonts/inter-500.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../assets/fonts/inter-600.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../assets/fonts/inter-700.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../../assets/fonts/inter-800.ttf') format('truetype');
}

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../assets/fonts/jetbrains-mono-400.ttf') format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../../assets/fonts/jetbrains-mono-500.ttf') format('truetype');
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../assets/fonts/jetbrains-mono-600.ttf') format('truetype');
}

/* ── Ende Self-Hosted Fonts ───────────────────────────────────────────── */

:root {
  --red: #E2001A;
  --red-deep: #B40015;
  --red-dark: #6B000C;
  --ink: #0E0E12;
  --graphite: #1C1C22;
  --steel: #2A2A33;
  --paper: #FAF8F5;
  --sand: #E6DFD4;
  --display: 'Barlow Condensed', 'Oswald', 'Arial Narrow', sans-serif;
  --body: 'Inter', system-ui, sans-serif;
  --mono: 'JetBrains Mono', monospace;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--paper);
  font-family: var(--body);
  color: var(--ink);
}
* { box-sizing: border-box; }
img { max-width: 100%; }

/* Responsive: Canvas unter der Design-Breite flüssig statt fix 1480 */
@media (max-width: 1480px) {
  .web { width: 100%; }
}