/* AZR Theme – dynamisch generiert */

:root {
  --black:          #0a0a0a;
  --anthracite:     #1a1a1a;
  --anthracite-2:   #222222;
  --anthracite-3:   #2a2a2a;
  --off-white:      #f0eeeb;
  --silver:         #ffffff;
  --bordeaux:       #93102a;
  --bordeaux-light: #ac2943;
  --bordeaux-dark:  #7f0016;
  --font-sans:      'Inter', system-ui, sans-serif;
  --font-display:   'Playfair Display', Georgia, serif;
  --logo-height:    80px;
}

/* Logo Höhe */
.nav-logo img { height: var(--logo-height) !important; }

/* Navigation Textfarbe + Großbuchstaben */
.nav-links a {
  color: #ffffff !important;
  text-transform: uppercase;  letter-spacing: 0.08em;  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.85;
}
.nav-links a:hover,
.nav-links a.active { color: #ffffff !important; opacity: 1; }

/* Hero-Titel Größe */
.hero-title { font-size: clamp(1.5rem, 3.5vw, 2.75rem) !important; line-height: 1.15 !important; }

/* Akzentfarbe überall */
.btn-primary { background: var(--bordeaux) !important; }
.btn-primary:hover { background: var(--bordeaux-light) !important; }
.text-bordeaux { color: var(--bordeaux-light) !important; }
.service-card-link { color: var(--bordeaux-light) !important; }
.nav-links a::after { background: var(--bordeaux-light) !important; }
.xray-progress, .section-divider { background: var(--bordeaux) !important; }
.vehicle-badge { background: var(--bordeaux) !important; }
.sidebar-link.active { background: rgba(147,16,42, 0.15) !important; border-left-color: var(--bordeaux) !important; }
.btn-primary { background: var(--bordeaux) !important; }