/**
* Theme CSS - Light and Dark Mode Support
* Automatically switches based on system preferences
*/

/* Light Theme */
@media (prefers-color-scheme: light) {
  :root {
    /* Global Colors */
    --background-color: #f5f7fa; 
    --default-color: rgba(60, 60, 60, 0.9); 
    --heading-color: #262f3c; 
    --accent-color: #e3a127; 
    --surface-color: #ffffff; 
    --contrast-color: #ffffff; 

    /* Nav Menu Colors */
    --nav-color: rgba(60, 60, 60, 0.9);  
    --nav-hover-color: #e3a127; 
    --nav-mobile-background-color: #f0f0f0; 
    --nav-dropdown-background-color: #f0f0f0; 
    --nav-dropdown-color: rgba(60, 60, 60, 0.9); 
    --nav-dropdown-hover-color: #e3a127; 
  }
}

/* Dark Theme (Default) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Global Colors */
    --background-color: #031119; 
    --default-color: rgba(255, 255, 255, 0.8); 
    --heading-color: #e0e9f2; 
    --accent-color: #e3a127; 
    --surface-color: #1b262c; 
    --contrast-color: #ffffff; 

    /* Nav Menu Colors */
    --nav-color: rgba(255, 255, 255, 0.8);  
    --nav-hover-color: #e3a127; 
    --nav-mobile-background-color: #29343a; 
    --nav-dropdown-background-color: #29343a; 
    --nav-dropdown-color: rgba(255, 255, 255, 0.8); 
    --nav-dropdown-hover-color: #e3a127; 
  }
}

/* Theme transition */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Dark Theme Presets */
@media (prefers-color-scheme: dark) {
  .light-background {
    --background-color: #0d1d26;
    --surface-color: #16262f;
  }

  .dark-background {
    --background-color: #060606;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --surface-color: #252525;
    --contrast-color: #ffffff;
  }
}

/* Light Theme Presets */
@media (prefers-color-scheme: light) {
  .light-background {
    --background-color: #eef2f6;
    --surface-color: #ffffff;
  }

  .dark-background {
    --background-color: #eaeaea;
    --default-color: #333333;
    --heading-color: #262f3c;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;
  }

  /* Footer adjustments for light theme */
  .footer .copyright {
    background-color: rgba(0, 0, 0, 0.05);
  }

  /* Service card adjustments for light theme */
  .services .service-card:hover::before {
    background-color: var(--surface-color);
  }
}