/* coffeeturner.com — STO Diagnose: #010409 Hintergrund, #020617, #22C55E, #3B82F6, #E6EDF3 */
:root {
  --primary-50: #ecfdf5;
  --primary-100: #d1fae5;
  --primary-200: #a7f3d0;
  --primary-300: #6ee7b7;
  --primary-400: #4ade80;
  --primary-500: #22c55e;
  --primary-600: #16a34a;
  --primary-700: #15803d;
  --primary-rgb: 34, 197, 94;
  --neutral-50: #f8fafc;
  --neutral-100: #e6edf3;
  --neutral-200: #94a3b8;
  --neutral-300: #64748b;
  --neutral-400: #475569;
  --neutral-500: #334155;
  --neutral-600: #1e293b;
  --neutral-700: #111827;
  --neutral-800: #0a0f1a;
  --neutral-900: #020617;
  --neutral-950: #010409;
  --surface-primary: #020617;
  --surface-secondary: #010409;
  --surface-accent: #111827;
  --text-primary: #e6edf3;
  --text-secondary: #94a3b8;
  --text-accent: #22c55e;
  --button-primary-bg: #22c55e;
  --button-primary-text: #010409;
  --button-secondary-bg: #111827;
  --button-secondary-text: #e6edf3;
  --border-light: rgba(230, 237, 243, 0.1);
  --border-medium: rgba(230, 237, 243, 0.18);
  --accent-blue: #3b82f6;
  --accent-rgb: 59, 130, 246;
}

html {
  scroll-behavior: smooth;
}

body,
#main-content {
  background-color: #010409 !important;
  color: #e6edf3 !important;
}

.text-muted,
.top_body_base.text-muted,
.page_section_subtitle,
.blog-desc,
.lead.text-muted,
.premium_caption {
  color: #94a3b8 !important;
}

.text-secondary,
.bold_body_large.text-secondary {
  color: #cbd5e1 !important;
}

.header-clean {
  background: rgba(2, 6, 23, 0.94) !important;
  border-bottom: 1px solid var(--border-light);
  backdrop-filter: blur(12px);
}

.header-clean .navbar-light .nav-link {
  color: #e6edf3 !important;
}

.header-clean .navbar-light .nav-link:hover,
.header-clean .navbar-light .nav-link:focus,
.header-clean .navbar-light .nav-link.active {
  color: #22c55e !important;
}

.header-clean .brand-text {
  color: #e6edf3 !important;
}

.header-clean .custom-toggler .line {
  background: #e6edf3 !important;
}

.header-clean .navbar-backdrop {
  background: rgba(1, 4, 9, 0.72) !important;
}

.header-clean .dropdown-menu {
  background: #020617 !important;
  border: 1px solid var(--border-light);
}

.header-clean .dropdown-item {
  color: #e6edf3 !important;
}

.header-clean .dropdown-item:hover {
  background: #111827 !important;
  color: #3b82f6 !important;
}

.hero-section,
.usp-section,
.leadgen-section-secondary,
#about,
.services-section,
.blog-section,
.contact-section,
section.py-5 {
  background: transparent !important;
}

.hero-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(34, 197, 94, 0.14), transparent 42%),
    radial-gradient(circle at 88% 8%, rgba(59, 130, 246, 0.12), transparent 38%),
    #010409 !important;
}

.usp-item,
.service-card,
.leadgen-form-card,
.about-feature-card,
.blog-card,
.form-card,
.info-card,
.accordion-item {
  background: #020617 !important;
  border: 1px solid var(--border-light) !important;
  color: #e6edf3 !important;
}

.service-card-featured {
  border-color: rgba(59, 130, 246, 0.45) !important;
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.12);
}

.btn-primary,
.btn-leadgen-submit {
  background: #22c55e !important;
  border-color: #22c55e !important;
  color: #010409 !important;
}

.btn-primary:hover,
.btn-leadgen-submit:hover {
  background: #16a34a !important;
  border-color: #16a34a !important;
}

.btn-outline-primary {
  color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

.btn-outline-primary:hover {
  background: rgba(59, 130, 246, 0.14) !important;
  color: #93c5fd !important;
}

.form-control,
.form-select,
.form-input,
.form-textarea {
  background: #010409 !important;
  border-color: var(--border-medium) !important;
  color: #e6edf3 !important;
}

.form-control:focus,
.form-select:focus,
.form-input:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 0.2rem rgba(34, 197, 94, 0.18) !important;
}

.form-floating > label {
  color: #94a3b8 !important;
}

.core_section_title,
.fresh_hero_title,
.display-4,
.blog-title {
  color: #e6edf3 !important;
}

.usp-item-stat.clean_overline {
  color: #22c55e !important;
}

.service-price {
  color: #3b82f6 !important;
}

.service-cta,
.blog-card-link {
  color: #22c55e;
}

.service-cta:hover,
.blog-card-link:hover {
  color: #3b82f6 !important;
}

.leadgen-section-secondary {
  background: linear-gradient(180deg, #020617 0%, #010409 100%) !important;
}

.site-disclaimer-bar {
  background: #020617 !important;
  border-top: 1px solid var(--border-light);
  border-bottom: 1px solid var(--border-light);
}

.footer-disclaimer-text,
.footer-disclaimer-text p {
  color: #94a3b8 !important;
  font-size: 0.875rem;
  line-height: 1.65;
}

.footer-professional-blue-01 {
  background: #010409 !important;
  border-top: 1px solid var(--border-light);
}

.footer-professional-blue-01 .footer-brand p,
.footer-professional-blue-01 .footer-link,
.footer-professional-blue-01 h3,
.footer-professional-blue-01 h4,
.footer-professional-blue-01 span,
.footer-professional-blue-01 p {
  color: #e6edf3 !important;
}

.footer-professional-blue-01 .footer-link:hover {
  color: #22c55e !important;
}

.footer-divider {
  border-color: var(--border-light) !important;
}

.article-container article,
.blog-article h1,
.blog-article h2,
.blog-article h3 {
  color: #e6edf3 !important;
}

.article-meta {
  color: #94a3b8 !important;
}

.accordion-button {
  background: #020617 !important;
  color: #e6edf3 !important;
}

.accordion-button:not(.collapsed) {
  background: #111827 !important;
  color: #22c55e !important;
}

.accordion-body {
  background: #020617 !important;
  color: #94a3b8 !important;
}

.ratio {
  background: #020617;
  border: 1px solid var(--border-light);
  border-radius: 0.5rem;
  overflow: hidden;
}

.contact-section {
  background: #010409 !important;
}

#team {
  border-color: var(--border-light) !important;
}

a:not(.btn):not(.footer-link):not(.service-cta):not(.blog-card-link):not(.nav-link):not(.dropdown-item) {
  color: #3b82f6;
}
