/* kursflow Brand-Override für ks-server-management Dashboard
   Quelle: docs/brand-identity.md (kursmanager-platform feat/brand-identity-sunset)
   Ladet Inter + Inconsolata, überschreibt Token-Variablen auf Plum/Sunset,
   stellt .kf-brand Logo-Component bereit. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Inconsolata:wght@400;500;600;700&display=swap');

:root {
  /* Primärtokens (überschreiben kurven.schule-Defaults) */
  --plum: #4C1D5C;
  --plum-deep: #1A0A23;
  --coral: #D4501A;
  --pink: #EC4899;
  --magenta: #A21CAF;
  --violet: #6D28D9;

  /* Mapping auf bestehende Token-Namen — non-breaking für alle existierenden Stellen */
  --blau: #4C1D5C;        /* war kurven.schule Blau, jetzt Plum */
  --hellblau: #EC4899;    /* war kurven.schule Hellblau, jetzt Pink-Akzent */
  --rot: #EF4444;         /* Error bleibt knallrot */
  --orange: #D4501A;      /* war Standard-Orange, jetzt Coral als CTA */
  --gruen: #16A34A;       /* unverändert */

  /* Neutrale */
  --bg: #F8F9FB;
  --karte: #FFFFFF;
  --border: #E2E8F0;
  --text: #1A1E28;
  --text2: #6B7280;
}

html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

body { font-feature-settings: 'cv11', 'ss01'; }

/* Inconsolata für Mono / Codes / Stats */
code, pre, .mono, [data-mono], .ks-mono { font-family: 'Inconsolata', ui-monospace, Menlo, monospace; }

/* Sunset-Gradient als Utility */
.kf-sunset { background: linear-gradient(90deg, #D4501A 0%, #EC4899 35%, #A21CAF 70%, #6D28D9 100%); }
.kf-sunset-text { background: linear-gradient(90deg, #D4501A 0%, #EC4899 50%, #6D28D9 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Logo-Component */
.kf-brand {
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
  font-family: 'Inter', sans-serif;
}
.kf-brand .kf-mark {
  width: 32px; height: 32px; flex-shrink: 0; display: block;
}
.kf-brand .kf-word {
  font-weight: 800; letter-spacing: -0.02em; font-size: 1.25rem;
  color: var(--plum); line-height: 1;
}
.kf-brand .kf-tag {
  font-size: .68rem; color: var(--text2); font-weight: 500; line-height: 1; margin-top: 2px;
}
.kf-brand-stack { display: inline-flex; flex-direction: column; gap: 2px; }

/* Header-Border (war 2-3px solid Blau) bleibt funktional via --blau, aber etwas dünner */
.hdr { border-bottom-width: 1.5px !important; }

/* Sidebar-Border-Left auf aktiven Items: Plum statt Blau (greift via --blau) */

/* Buttons mit primary background → Plum-Hover */
button[type="submit"]:hover, .btn-primary:hover, .modal-btn.primary:hover { background: var(--violet) !important; }

/* CTAs in Coral statt Blau */
.kf-cta { background: var(--coral) !important; color: #fff !important; }
.kf-cta:hover { background: #B23E0F !important; }

/* Footer-Motto */
.kf-motto {
  font-size: .72rem; color: var(--text2); font-style: italic; padding: 0 .5rem;
}
.kf-motto::before { content: '… '; }