/**
 * Schrimpf Bauelemente Brand Colors
 * Based on https://www.schrimpf-bauelemente.de/
 */

:root {
  /* Schrimpf Brand Colors - Extracted from official website */
  --schrimpf-primary: #1a4d7a; /* Primary blue color from website */
  --schrimpf-secondary: #2d7a3d; /* Secondary green color */
  --schrimpf-accent: #CF007E; /* Accent pink color from logo */
  --schrimpf-dark: #2c3e50; /* Dark text color */
  --schrimpf-dark-background: #1a0a14; /* Very dark purple background for sections */
  --schrimpf-dark-surface: #2d1525; /* Dark surface color for dark backgrounds */
  --schrimpf-light: #f5f5f5; /* Light background */
  --schrimpf-white: #ffffff;
  
  /* Override template colors with Schrimpf colors */
  --accent-color: var(--schrimpf-accent) !important;
  --heading-color: var(--schrimpf-dark) !important;
  --default-color: #34495e !important;
  --background-color: var(--schrimpf-white) !important;
  --surface-color: var(--schrimpf-light) !important;
  --contrast-color: var(--schrimpf-white) !important;
  
  /* Navigation colors */
  --nav-color: var(--schrimpf-dark) !important;
  --nav-hover-color: var(--schrimpf-accent) !important;
  --nav-mobile-background-color: var(--schrimpf-white) !important;
  --nav-dropdown-background-color: var(--schrimpf-white) !important;
  --nav-dropdown-color: var(--schrimpf-dark) !important;
  --nav-dropdown-hover-color: var(--schrimpf-accent) !important;
}

/* Button primary color */
.btn-primary,
.btn-getstarted {
  background-color: var(--schrimpf-accent) !important;
  border-color: var(--schrimpf-accent) !important;
  color: var(--schrimpf-white) !important;
}

.btn-primary:hover,
.btn-getstarted:hover {
  background-color: #B0006B !important;
  border-color: #B0006B !important;
  color: var(--schrimpf-white) !important;
}

.btn-secondary {
  background-color: transparent !important;
  border-color: var(--schrimpf-accent) !important;
  color: var(--schrimpf-accent) !important;
}

.btn-secondary:hover {
  background-color: var(--schrimpf-accent) !important;
  color: var(--schrimpf-white) !important;
}

/* Header background */
.header {
  background-color: var(--schrimpf-white) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Logo styling */
.logo {
  display: flex;
  align-items: center;
}

.logo img {
  max-height: 50px;
  width: auto;
  margin-right: 10px;
}

/* Larger logo for desktop devices */
@media (min-width: 1200px) {
  .header .logo img {
    max-height: 90px !important;
    width: auto;
  }
}

.logo .sitename {
  color: var(--schrimpf-dark) !important;
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0;
}

/* Navigation links */
.navmenu a {
  color: var(--schrimpf-dark) !important;
}

.navmenu a:hover,
.navmenu a.active {
  color: var(--schrimpf-accent) !important;
}

/* Links */
a {
  color: var(--schrimpf-accent) !important;
}

a:hover {
  color: #B0006B !important;
}

/* Section headings */
.section-heading,
h2.section-heading,
h1, h2, h3, h4, h5, h6 {
  color: var(--schrimpf-dark) !important;
}

/* Hero section */
.hero {
  background: linear-gradient(135deg, var(--schrimpf-primary) 0%, var(--schrimpf-secondary) 100%);
}

.hero-content h1,
.hero-content p {
  color: var(--schrimpf-white) !important;
}

/* Service items */
.service-item h3 {
  color: var(--schrimpf-dark) !important;
}

.service-item .service-cta {
  color: var(--schrimpf-accent) !important;
}

.service-item .service-cta:hover {
  color: #B0006B !important;
}

/* Project cards */
.project-title {
  color: var(--schrimpf-dark) !important;
}

/* Footer */
.footer {
  background-color: #cf017e !important; /* Soft muted pink - easier on the eyes */
  color: var(--schrimpf-white) !important;
}

.footer .sitename {
  color: var(--schrimpf-white) !important;
}

.footer a {
  color: var(--schrimpf-light) !important;
}

.footer a:hover {
  color: var(--schrimpf-accent) !important;
}

.footer .logo img {
  filter: brightness(0) invert(1);
}