/* ============================================================
   mps.agency Corporate-Design-Theme (Website 2026)
   Quelle: "Website 2026 KI/CORPORATE-DESIGN-PROMPTS.md"

   Dieses Overlay lädt NACH style.css und überschreibt gezielt
   Tokens, Schrift, Buttons und Fokuszustände.

   ROLLBACK: Die <link ... cd-theme.css>-Zeile in diesen sechs
   Dateien entfernen — mehr ist nicht nötig:
     includes/header.php, pages/login.php, pages/customer-login.php,
     pages/customer-portal.php, pages/customer-briefing.php,
     pages/onboarding.php
   (assets/fonts/mps.agency-*.ttf kann dann ebenfalls gelöscht werden)
   ============================================================ */

/* ── Hausschrift (Light 300 / Medium 400 / Bold 700 — kein 500!) ── */
@font-face {
  font-family: 'mps.agency';
  src: url('../fonts/mps.agency-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'mps.agency';
  src: url('../fonts/mps.agency-Medium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'mps.agency';
  src: url('../fonts/mps.agency-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ── CD-Design-Tokens ── */
:root {
  --cd-dark: #0e1215;
  --cd-navy: #1e1b2c;
  --cd-ink: #1d2333;
  --cd-purple: #8b2fd6;
  --cd-violet: #6a5cf0;
  --cd-blue: #4da3e6;
  --cd-indigo: #5a56ef;
  --cd-grad: linear-gradient(93deg, #a21ccb 0%, #7b5ce4 45%, #4da3e6 100%);
  --cd-grad-soft: linear-gradient(120deg, #7d55e6 0%, #5f7ce8 55%, #4aa7e0 100%);
  --cd-grad-dark: linear-gradient(-146deg, #050505 0%, #17121b 39%, #19292c 100%);

  /* Bestehende App-Tokens auf CD-Werte mappen (Dark-Modus) */
  --bg-dark: #0e1215;             /* CD --dark statt fast-schwarz #0a0a0f */
  --accent-blue: #5a56ef;         /* CD Indigo (Sekundär/Fokus) */
  --accent-violet: #6a5cf0;       /* CD Violet */
  --accent-light-violet: #8b5cf6; /* aus dem CD-Verlaufs-Text */
  --accent-gradient: var(--cd-grad);
  --accent-gradient-h: linear-gradient(90deg, #8b5cf6 0%, #4da3e6 100%);
  --danger: #d43c3c;              /* CD Fehler */
  --success: #35c96b;             /* CD Erfolg auf dunklem Grund */
  --warning: #f0a92e;             /* CD "In Bearbeitung" */
  --border-accent: rgba(106, 92, 240, 0.22);
  --border-accent-strong: rgba(106, 92, 240, 0.4);
}

/* Light-Modus: CD-Werte für helle Flächen (muss hier erneut gesetzt
   werden, da dieses Overlay nach dem Light-Block in style.css lädt) */
[data-theme="light"] {
  --bg-dark: #fbfbfd;             /* CD heller Anwendungs-Grund */
  --text-primary: #1d2333;        /* CD --ink */
  --text-secondary: #3d4457;
  --text-muted: #6b7280;
  --accent-blue: #5a56ef;
  --accent-violet: #6a5cf0;
  --accent-light-violet: #5a3fe8; /* CD Kennzahl-Akzent auf hell */
  --danger: #d43c3c;
  --success: #1d9e50;             /* CD Erfolg auf hellem Grund */
  --warning: #f0a92e;
  --border-accent: rgba(90, 86, 239, 0.2);
  --border-accent-strong: rgba(90, 86, 239, 0.4);
}
[data-theme="light"] body {
  background: #fbfbfd;
  color: #3d4457;
}

/* ── Schrift ── */
body {
  font-family: 'mps.agency', 'Segoe UI', system-ui, sans-serif;
  font-weight: 300;
}
strong, b {
  font-weight: 700;
}

/* ── Logo: Hausschrift Light, leicht gesperrt, einfarbig (CD-Vorgabe) ── */
.sidebar-logo text {
  font-family: 'mps.agency', 'Segoe UI', sans-serif;
  font-weight: 300;
  letter-spacing: 0.45px;
}

/* ── Buttons (CD: Markenverlauf, Radius 9px, Gewicht 400) ── */
.btn-primary {
  background: var(--cd-grad);
  border-radius: 9px;
  font-weight: 400;
  box-shadow: 0 8px 26px rgba(122, 60, 220, 0.35);
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(122, 60, 220, 0.5);
}

/* ── Fokuszustände (CD: #5b4be8 + 3px-Ring) ── */
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: #5b4be8;
  box-shadow: 0 0 0 3px rgba(91, 75, 232, 0.25);
}
[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-select:focus,
[data-theme="light"] .form-textarea:focus {
  border-color: #5b4be8;
  box-shadow: 0 0 0 3px rgba(91, 75, 232, 0.25);
}