/* ─────────────────────────────────────────────────────────────
   365solution.de — Marken-Farbsystem „Option A" + lokale Webfonts
   Eingebunden auf allen Seiten statt Google-Fonts-CDN (DSGVO).
   Fonts liegen unter /fonts/ als woff2 (latin subset).
───────────────────────────────────────────────────────────── */

/* ── Fonts (selbst gehostet, SIL OFL) ───────────────────────── */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/raleway-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/raleway-800.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibmplexsans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibmplexsans-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/ibmplexsans-600.woff2') format('woff2');
}

/* ── Design-Tokens (Option A) ───────────────────────────────── */
:root {
  /* Surface */
  --bg:       #16202E;
  --surface:  rgba(255,255,255,0.04);
  --text:     #E8EAF0;
  --muted:    #C7CDD9;

  /* Brand-Akzente */
  --lead:     #FF6A00;   /* Orange — Hauptakzent / primäre CTAs / Preise */
  --premium:  #8B5CF6;   /* Lila — Premium-/Managed-Tier */
  --premium-on-light: #7C3AED;
  --status:   #00CED1;   /* Türkis — Live/Monitoring / sek. Links */

  /* Highlight-Verlauf */
  --grad:     linear-gradient(135deg, #FF6A00, #8B5CF6);
}

/* ── Typografie-Defaults ────────────────────────────────────── */
html, body {
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6,
.headline, .h-display {
  font-family: 'Raleway', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.005em;
}
h1, .h-display { font-weight: 800; }