:root {
  --kit-blau: #274c90;
  --kit-grau: #4c5261;
  --kit-stahl: #727a92;
  --kit-akzent: #ff720d;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/titillium-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/titillium-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../fonts/titillium-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

body {
  font-family: 'Titillium Web', 'Segoe UI', system-ui, sans-serif;
  background: #f4f6fa;
  color: var(--kit-grau);
}

h1, h2, h3, .kit-headline {
  font-family: 'Arial Narrow', 'Segoe UI', sans-serif;
  font-weight: 700;
  color: var(--kit-blau);
}

.kit-header {
  background: var(--kit-blau);
  color: #fff;
  padding: 2rem 0;
}
.kit-header h1 { color: #fff; margin-bottom: .25rem; }
.kit-header p { color: #d7e0f2; margin-bottom: 0; }

.score-badge {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.9rem;
  font-weight: 700;
  color: #fff;
  margin: 0 auto .5rem;
}
.score-gut     { background: #1e8a4c; }
.score-mittel  { background: var(--kit-akzent); }
.score-schlecht{ background: #c0392b; }

.score-label { text-align: center; font-size: .85rem; color: var(--kit-stahl); }

.kit-card {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: .5rem;
  box-shadow: 0 1px 3px rgba(39,76,144,.06);
}

.kit-card-header {
  background: #f0f3fa;
  border-bottom: 1px solid #e2e6ee;
  font-weight: 700;
  color: var(--kit-blau);
  padding: .75rem 1.25rem;
  border-radius: .5rem .5rem 0 0;
}

.metric-row:not(:last-child) { border-bottom: 1px solid #edf0f6; }
.metric-row td { padding-top: .75rem; padding-bottom: .75rem; }

.glossar-text { font-size: .82rem; color: var(--kit-stahl); margin-top: .15rem; }

.legende-punkt,
.metric-punkt {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: .4rem;
}
.metric-punkt { margin-right: 0; }

.audit-na, .audit-info { background: #b9bfcc; }

.kit-audit-kategorie {
  color: var(--kit-blau);
  border-bottom: 2px solid #e2e6ee;
  padding-bottom: .4rem;
}

.glossar-text code { background: #eef1f7; padding: .05rem .3rem; border-radius: .2rem; }
.glossar-text a { color: var(--kit-blau); }

.diagnose-box {
  background: #fff6ef;
  border-left: 3px solid var(--kit-akzent);
  padding: .5rem .75rem;
  font-size: .85rem;
  color: var(--kit-grau);
  border-radius: 0 .25rem .25rem 0;
}

.kit-footer {
  color: var(--kit-stahl);
  font-size: .85rem;
  border-top: 1px solid #e2e6ee;
  padding: 1.5rem 0;
  margin-top: 3rem;
}

.nav-tabs .nav-link.active {
  color: var(--kit-blau);
  font-weight: 700;
  border-color: #e2e6ee #e2e6ee #fff;
}
.nav-tabs .nav-link { color: var(--kit-stahl); }

code, .kit-mono { font-family: 'Courier New', ui-monospace, monospace; }