/* Farben der Markenportale. Erzeugt aus src/server/marken.ts --
   nicht von Hand pflegen. */

.portal[data-marke="linkding"] {
  --blue: #0f7d78;
  --blue-bright: #0f7d78;
  --blue-soft: #e2f3f2;
}
.portal[data-marke="linkding"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(15,125,120, .1), transparent 26%),
    linear-gradient(150deg, var(--dark-soft), var(--dark) 64%);
}
.portal[data-marke="linkding"] .sidebar::before, .portal[data-marke="linkding"] .sidebar::after { background: #0f7d78; }
.portal[data-marke="linkding"] .nav-button i { color: #0f7d78; }
.portal[data-marke="linkding"] .nav-button.is-active { background: rgba(15,125,120, .2); }
.portal[data-marke="linkding"] .avatar { background: #0f7d78; }
.portal[data-marke="linkding"] .help-box button { color: #0f7d78; }
.portal[data-marke="linkding"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(15,125,120, .06), transparent 36%),
    #f4f7f9;
}
.portal-choice[data-portal-choice="linkding"] { --switch-color: #0f7d78; }
.auth[data-marke="linkding"] { --blue: #0f7d78; --blue-bright: #0f7d78; --blue-soft: #e2f3f2; }
.auth[data-marke="linkding"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(15,125,120, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="linkding"] .auth-brand::before, .auth[data-marke="linkding"] .auth-brand::after { background: #0f7d78; }
.portal[data-marke="zwerge"] {
  --blue: #c8a34a;
  --blue-bright: #c8a34a;
  --blue-soft: rgba(200,163,74,.14);
  --bg: #171717;
  --surface: #202020;
  --surface-soft: #292929;
  --ink: #f6f6f6;
  --muted: #a7a7a7;
  --line: #383838;
}
.portal[data-marke="zwerge"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(200,163,74, .1), transparent 26%),
    linear-gradient(150deg, #252525, #101010 64%);
}
.portal[data-marke="zwerge"] .sidebar::before, .portal[data-marke="zwerge"] .sidebar::after { background: #c8a34a; }
.portal[data-marke="zwerge"] .nav-button i { color: #c8a34a; }
.portal[data-marke="zwerge"] .nav-button.is-active { background: rgba(200,163,74, .2); }
.portal[data-marke="zwerge"] .avatar { background: #c8a34a; }
.portal[data-marke="zwerge"] .help-box button { color: #c8a34a; }
.portal[data-marke="zwerge"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(200,163,74, .07), transparent 36%),
    #171717;
}
.portal[data-marke="zwerge"] .topbar { background: #1d1d1d; }
.portal[data-marke="zwerge"] .customer-icon { background: rgba(200,163,74,.14); color: #c8a34a; }
.portal-choice[data-portal-choice="zwerge"] { --switch-color: #c8a34a; }
.auth[data-marke="zwerge"] { --blue: #c8a34a; --blue-bright: #c8a34a; --blue-soft: rgba(200,163,74,.14); }
.auth[data-marke="zwerge"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(200,163,74, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="zwerge"] .auth-brand::before, .auth[data-marke="zwerge"] .auth-brand::after { background: #c8a34a; }
.portal[data-marke="nexus"] {
  --blue: #1f4e79;
  --blue-bright: #1f4e79;
  --blue-soft: #e8eff6;
}
.portal[data-marke="nexus"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(31,78,121, .1), transparent 26%),
    linear-gradient(150deg, var(--dark-soft), var(--dark) 64%);
}
.portal[data-marke="nexus"] .sidebar::before, .portal[data-marke="nexus"] .sidebar::after { background: #1f4e79; }
.portal[data-marke="nexus"] .nav-button i { color: #1f4e79; }
.portal[data-marke="nexus"] .nav-button.is-active { background: rgba(31,78,121, .2); }
.portal[data-marke="nexus"] .avatar { background: #1f4e79; }
.portal[data-marke="nexus"] .help-box button { color: #1f4e79; }
.portal[data-marke="nexus"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(31,78,121, .06), transparent 36%),
    #f4f7f9;
}
.portal-choice[data-portal-choice="nexus"] { --switch-color: #1f4e79; }
.auth[data-marke="nexus"] { --blue: #1f4e79; --blue-bright: #1f4e79; --blue-soft: #e8eff6; }
.auth[data-marke="nexus"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(31,78,121, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="nexus"] .auth-brand::before, .auth[data-marke="nexus"] .auth-brand::after { background: #1f4e79; }
.portal[data-marke="pusteblume"] {
  --blue: #5c8a2e;
  --blue-bright: #5c8a2e;
  --blue-soft: #eef5e6;
}
.portal[data-marke="pusteblume"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(92,138,46, .1), transparent 26%),
    linear-gradient(150deg, var(--dark-soft), var(--dark) 64%);
}
.portal[data-marke="pusteblume"] .sidebar::before, .portal[data-marke="pusteblume"] .sidebar::after { background: #5c8a2e; }
.portal[data-marke="pusteblume"] .nav-button i { color: #5c8a2e; }
.portal[data-marke="pusteblume"] .nav-button.is-active { background: rgba(92,138,46, .2); }
.portal[data-marke="pusteblume"] .avatar { background: #5c8a2e; }
.portal[data-marke="pusteblume"] .help-box button { color: #5c8a2e; }
.portal[data-marke="pusteblume"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(92,138,46, .06), transparent 36%),
    #f4f7f9;
}
.portal-choice[data-portal-choice="pusteblume"] { --switch-color: #5c8a2e; }
.auth[data-marke="pusteblume"] { --blue: #5c8a2e; --blue-bright: #5c8a2e; --blue-soft: #eef5e6; }
.auth[data-marke="pusteblume"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(92,138,46, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="pusteblume"] .auth-brand::before, .auth[data-marke="pusteblume"] .auth-brand::after { background: #5c8a2e; }