/* Accent Colors - Light and Dark Mode Support */

/* Default (Light mode) */
:root {
  --primary: #0D7377;
  --accent: #0D7377;
}

/* Light mode explicit styles */
body:not([data-theme="dark"]) h1,
body:not([data-theme="dark"]) h2,
body:not([data-theme="dark"]) h3,
body:not([data-theme="dark"]) h4,
body:not([data-theme="dark"]) h5,
body:not([data-theme="dark"]) h6 {
  color: #0D7377 !important;
}

body:not([data-theme="dark"]) a[href] {
  color: #0D7377 !important;
}

body:not([data-theme="dark"]) a[href]:hover {
  text-decoration: underline !important;
  background-color: rgba(13, 115, 119, 0.1) !important;
}

/* Dark mode - manual toggle */
body[data-theme="dark"] {
  --primary: #06D6D6;
  --accent: #06D6D6;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6 {
  color: #06D6D6 !important;
}

body[data-theme="dark"] a[href] {
  color: #06D6D6 !important;
}

body[data-theme="dark"] a[href]:hover {
  background-color: rgba(6, 214, 214, 0.15) !important;
}

/* Dark mode - system preference (when no manual toggle) */
@media (prefers-color-scheme: dark) {
  body:not([data-theme="light"]) {
    --primary: #06D6D6;
    --accent: #06D6D6;
  }
  
  body:not([data-theme="light"]) h1,
  body:not([data-theme="light"]) h2,
  body:not([data-theme="light"]) h3,
  body:not([data-theme="light"]) h4,
  body:not([data-theme="light"]) h5,
  body:not([data-theme="light"]) h6 {
    color: #06D6D6 !important;
  }
  
  body:not([data-theme="light"]) a[href] {
    color: #06D6D6 !important;
  }
  
  body:not([data-theme="light"]) a[href]:hover {
    background-color: rgba(6, 214, 214, 0.15) !important;
  }
}