/* Enhanced contrast for accent sections in light theme */
@media (prefers-color-scheme: light) {
  /* Hero optimization */
  .hero {
    background-image: radial-gradient(
      circle at center,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.3) 40%,
      rgba(255, 255, 255, 0.1) 70%,
      transparent 100%
    ), url('img/h-susanne-yaara-wild-sense.jpg');
  }
  
  .hero-text {
    text-shadow: none;
  }
  
  .hero-subtitle {
    text-shadow: 0 3px 6px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(255, 255, 255, 0.3);
  }
  
  .gold-highlight {
    background: var(--gold-light);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  
  .circle-container {
    box-shadow: var(--shadow-elegant);
  }
  
  .question-shimmer::after {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.4), transparent);
    animation: shimmer-slide 3s infinite;
  }
  
  .member-contact,
  .member-learn-more {
    color: white;
  }
  
  .member-contact:hover,
  .member-learn-more:hover {
    color: var(--gold-light);
  }
  
  .nav-link.active {
    color: white;
    background: var(--primary);
  }
  
  .nav-link.active::after {
    background: white;
  }
  
  /* Section accent background */
  .section-accent-bg .icon-pulse {
    background-color: #fff;
  }
  .section-accent-bg .icon-pulse::before {
    background-color: #fff;
  }
  
  .section-style-accent .section-title,
  .section-style-accent h1,
  .section-style-accent h2,
  .section-style-accent h3,
  .section-style-accent h4,
  .section-style-accent h5,
  .section-style-accent h6 {
    color: hsl(0, 0%, 8%);
  }
  
  .section-style-accent .section-subtitle {
    color: hsl(0, 0%, 20%);
  }
  
  .section-style-accent p,
  .section-style-accent li,
  .section-style-accent span {
    color: hsl(0, 0%, 8%);
  }

  .section-style-accent .member-contact span{
    color:hsl(0, 0%, 100%)
  }
  
  .section-style-accent .process-circle {
    background: hsl(0, 0%, 8%);
    color: white;
    border-color: var(--border);
  }
  
  .section-style-accent .process-circle svg {
    color: hsl(0, 0%, 100%);
  }
  
  .section-style-accent .process-arrow {
    color: var(--border);
  }
  
  .section-style-accent .circle-svg {
    stroke: var(--border);
  }
  
  .section-style-accent .icon-pulse {
    background-color: hsl(0, 0%, 8%);
  }
  
  .section-style-accent .icon-pulse::before {
    background-color: hsl(0, 0%, 8%);
  }
  
  .section-style-accent .cta-primary {
    background: hsl(0, 0%, 8%);
    color: white;
    border-color: hsl(0, 0%, 8%);
  }
  
  .section-style-accent .cta-primary:hover {
    background: hsl(0, 0%, 20%);
    color: white;
  }
  
  .section-style-accent .cta-secondary {
    background: transparent;
    color: hsl(0, 0%, 8%);
    border-color: hsl(0, 0%, 8%);
  }
  
  .section-style-accent .cta-secondary:hover {
    background: hsl(0, 0%, 8%);
    color: white;
  }

  .section-style-light .callout p,
  .section-style-muted .callout p {
    color: hsl(0, 0%, 8%);
  }
} 

/* Alternative light theme detection for Chrome */
@media (prefers-color-scheme: no-preference) {
    .hero {
      background-image: radial-gradient(
        circle at center,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.3) 40%,
        rgba(255, 255, 255, 0.1) 70%,
        transparent 100%
      ), url('img/h-susanne-yaara-wild-sense.jpg');
    }
    
    .hero-text {
      text-shadow: none;
    }
    
    .hero-subtitle {
      text-shadow: 0 3px 6px rgba(255, 255, 255, 0.4), 0 2px 4px rgba(255, 255, 255, 0.3);
    }
    
    .gold-highlight {
      background: var(--gold-light);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .circle-container {
      border: 2px solid white;
      box-shadow: var(--shadow-elegant);
    }
    
    .question-shimmer::after {
      background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.4), transparent);
      animation: shimmer-slide 3s infinite;
    }
    
    .member-contact, 
    .member-contact span {
      color: white;
    }
    
    .member-contact:hover,
    .member-contact:hover span {
      color: var(--gold-light);
    }
    
    .nav-link.active {
      color: white;
      background: var(--primary);
    }
    
    .nav-link.active::after {
      background: white;
    }
  }