/* theme-overrides.css - This file contains overrides to ensure Aqua theme is applied */

/* Global overrides - apply forest theme colors */
html, body {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}

/* Force reset any custom background colors */
[class*="bg-"], [class*="background"], [class*="color"] {
  background-color: var(--color-base-100) !important;
}

/* Force reset any custom text colors */
[class*="text-"], [class*="color"], [class*="font"] {
  color: var(--text-color) !important;
}

/* Force theme for all heading elements */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--heading-color) !important;
}

/* Force links to use theme colors */
a, a:visited, .link {
  color: var(--link-color) !important;
}

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

/* Force button styling */
button, .button, [type="button"], [type="submit"], [type="reset"] {
  background-color: var(--button-bg) !important;
  color: var(--button-text) !important;
  border-color: var(--border-color) !important;
}

/* Ensure all containers use theme colors */
.container, .wrapper, .content, .main, section, article, aside {
  background-color: var(--color-base-100) !important;
  color: var(--text-color) !important;
}

/* Override common UI elements */
.card, .panel, .box, .well {
  background-color: var(--color-base-200) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color) !important;
}

/* Force navigation elements to use theme */
nav, .nav, .navigation, .menu, header, .header, .navbar {
  background-color: var(--color-base-200) !important;
  color: var(--text-color) !important;
}

/* Reset all borders to use theme colors */
[class*="border"] {
  border-color: var(--border-color) !important;
}

/* Force inputs to use theme */
input, select, textarea, .input {
  background-color: var(--color-base-100) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

/* Additional overrides for specific elements */
#allphotos {
  background-color: var(--bg-color) !important;
}

.pics {
  background-color: var(--color-base-200) !important;
}

.contact-me-outer, .my-projects, .projects-description {
  background-color: var(--color-base-100) !important;
}