/* juunit AI Workspace — Brand-Farben + Logo-Variants
   Brand-Tokens aus juunit.com:
     Primary: #0073E6  (juunit-Blau)  — CTAs, Highlights, Active-States
     Dark Secondary: #0D1254  (Navy)  — Headlines, Logo-Hintergrund
   Logo-Variants:
     juunit-logo-{dark|white}.svg    — Wordmark+Symbol (168×51), für Login-Page
     juunit-symbol-{dark|white}.svg  — Symbol only (50×51), für Sidebar/Avatar/Picker
*/

:root {
  --juunit-primary: #0073E6;
  --juunit-primary-hover: #0066CC;
  --juunit-secondary: #0D1254;
  --juunit-accent: #0073E6;
}

/* Wordmark — Login-Page, Welcome, alles wo Platz ist */
.juunit-logo {
  background-image: url('/assets/juunit-logo-dark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Symbol-only — Sidebar, Chat-Avatar, Model-Picker, Tab-Icon */
.juunit-symbol {
  background-image: url('/assets/juunit-symbol-dark.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Dark-Mode: white-Variants (passt auf dunklen Hintergrund) */
[data-theme='dark'] .juunit-logo,
html.dark .juunit-logo,
.dark .juunit-logo {
  background-image: url('/assets/juunit-logo-white.svg');
}
[data-theme='dark'] .juunit-symbol,
html.dark .juunit-symbol,
.dark .juunit-symbol {
  background-image: url('/assets/juunit-symbol-white.svg');
}

/* CTA-Buttons + Active-Tabs in juunit-Blau */
button[type='submit']:not([disabled]),
.btn-primary,
.bg-blue-600,
.bg-blue-500 {
  background-color: var(--juunit-primary) !important;
}
button[type='submit']:not([disabled]):hover,
.btn-primary:hover,
.bg-blue-600:hover {
  background-color: var(--juunit-primary-hover) !important;
}

/* Links + active-state */
a, .text-blue-500, .text-blue-600 {
  color: var(--juunit-primary);
}

/* === Sprint 7 Welcome-Styling (Bob 2026-05-03 v2) ===
   - Kleiner und unauffälliger (0.95rem statt SplitText-Default text-lg/2xl/4xl)
   - Dunkelgrau (statt black/white text-text-primary)
   - Normale Schrift (font-weight 400)
   - Zentriert unter Logo, Breite wie Chat-Textfeld (max-w-3xl = 48rem)
   - Keine Slide-Up-Animation
*/
.split-parent {
  font-weight: 400 !important;
  color: #5a5a5a !important;
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  display: inline-block !important;     /* damit max-width greift */
  max-width: 48rem !important;          /* = Tailwind max-w-3xl, gleiche Breite wie Chat-Form */
  margin-left: auto !important;
  margin-right: auto !important;
}
html.dark .split-parent {
  color: #c8c8c8 !important;
}
/* Animation deaktivieren — SplitText setzt opacity/transform via inline-style aus useSprings.
   Inline-style ohne !important wird von external CSS mit !important überschrieben. */
.split-parent .inline-block.transform {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}