/* GA-Academy — Design System
   Single source of truth. --academy-* sind die Marken-Tokens.
   Die --ga-* Namen bleiben als Alias bestehen, damit bestehende Komponenten
   ohne Umschreiben mitziehen. Neue Arbeit nutzt ausschliesslich --academy-*. */

:root {
  /* Brand — Blaufamilie, kompatibel zu GA-Coach */
  --academy-primary:      #2F58A4;
  --academy-primary-700:  #244786;
  --academy-deep:         #14335F;
  --academy-900:          #0E2547;
  --academy-light:        #7BA8DC;
  --academy-tint:         #EAF2FB;

  /* Signal — Fortschritt, Live, Messwerte */
  --academy-signal:       #4FC3D9;
  --academy-signal-deep:  #1D8FA6;
  --academy-signal-tint:  #E6F7FB;

  /* Akzent — ausschliesslich Warnung, Live-Termin, Annotation */
  --academy-amber:        #F5A524;
  --academy-amber-tint:   #FFF7E5;
  --academy-amber-line:   #F5C97A;
  --academy-amber-text:   #8A5B08;

  /* Neutral */
  --academy-bg:           #F5F7FA;
  --academy-surface:      #FFFFFF;
  --academy-line:         #E3E9F2;
  --academy-line-strong:  #C9D3DF;
  --academy-text:         #16202E;
  --academy-text-soft:    #2c2f36;
  --academy-muted:        #64748B;

  --academy-success:      #10B981;
  --academy-danger:       #DC2626;

  /* Type — Open Sans bleibt, wie vom Kunden festgelegt */
  --academy-font:  "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --academy-mono:  ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --academy-r-sm: 6px;
  --academy-r-md: 10px;
  --academy-r-lg: 16px;
  --academy-r-pill: 999px;

  /* ---- Alias auf die Bestandsnamen ---- */
  --ga-primary:       var(--academy-primary);
  --ga-primary-700:   var(--academy-primary-700);
  --ga-primary-900:   var(--academy-900);
  --ga-primary-050:   var(--academy-tint);
  --ga-secondary:     var(--academy-light);
  --ga-accent-cyan:   var(--academy-signal);
  --ga-accent-amber:  var(--academy-amber);
  --ga-section:       var(--academy-bg);
  --ga-line:          var(--academy-line);
  --ga-line-strong:   var(--academy-line-strong);
  --ga-muted:         var(--academy-muted);
  --ga-text:          var(--academy-text);
  --ga-text-soft:     var(--academy-text-soft);
  --ga-success:       var(--academy-success);
  --ga-danger:        var(--academy-danger);
  --ga-font-sans:     var(--academy-font);
  --ga-font-mono:     var(--academy-mono);
}

/* Sidebar-Logo — Bildmarke + Wortmarke statt Bilddatei */
.sb-logo { padding: 16px 18px 14px; gap: 11px; }
.sb-logo .ac-lockup { display: flex; align-items: center; gap: 10px; }

/* Trainer-System — gleiche Karte fuer jeden Trainer, kein Sonderplatz */
.trainer-row { display: flex; gap: 12px; align-items: flex-start; padding: 14px 0; }
.trainer-row + .trainer-row { border-top: 1px solid var(--academy-line); }
.trainer-av {
  width: 42px; height: 42px; border-radius: 10px; flex: none;
  display: grid; place-items: center; color: #fff; font-weight: 700; font-size: 13px;
}
.trainer-role {
  font-size: 9.5px; font-weight: 800; letter-spacing: .15em;
  text-transform: uppercase; color: var(--academy-muted);
}
.trainer-name { font-size: 14.5px; font-weight: 700; color: var(--academy-text); margin-top: 3px; }
.trainer-def  { font-size: 12.5px; color: var(--academy-muted); margin-top: 2px; }
.trainer-tags { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.trainer-tag {
  font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 999px;
  background: var(--academy-tint); color: var(--academy-primary); letter-spacing: .03em;
}
.trainer-tag.expert { background: var(--academy-900); color: #fff; }
.trainer-tag.signal { background: var(--academy-signal-tint); color: var(--academy-signal-deep); }

/* Endorsement — nur Footer, Login, Zertifikat. Nie im Produktbereich. */
.endorsement {
  font-size: 11px; color: var(--academy-muted); letter-spacing: .02em;
}
.endorsement b { font-weight: 700; color: var(--academy-text); }