/* Created by J. Blackburn - Aug 5 2026 */
/* 8 themes: [spring, summer, fall, winter] x [morning, night] */
/* Mode (morning/night) drives background/text/images; season+mode drives --accent */

/* ---- Mode base: light (morning) ---- */
:root[data-theme$="-morning"] {
  --description-color: #5a5a5a;
  --emphasis-color: #1a1a1a;
  --separator-color: #333;
}
:root[data-theme$="-morning"] body { color: #333; }
:root[data-theme$="-morning"] .content-section { background-color: white; }
:root[data-theme$="-morning"] figcaption { color: grey; }

:root[data-theme$="-morning"] #bg-about {
  opacity: 0.5;
  background-image: url('images/Dcode1.webp');
}

/* ---- Mode base: dark (night) ---- */
:root[data-theme$="-night"] {
  --description-color: #b8b8b8;
  --emphasis-color: #f0f0f0;
  --separator-color: #ccc;
}
:root[data-theme$="-night"] body { color: rgb(225, 225, 225); }
:root[data-theme$="-night"] .content-section { background-color: #111; }
:root[data-theme$="-night"] figcaption { color: lightgrey; }

:root[data-theme$="-night"] #bg-about {
  opacity: 0.3;
  background-image: url('images/Lcode1.webp');
}

/* ---- Accent color per exact theme ---- */
:root[data-theme="spring-morning"] { --accent: rgb(150, 100, 255); }
:root[data-theme="spring-night"]   { --accent: rgb(255, 100, 150); }
:root[data-theme="summer-morning"] { --accent: #1fa87e; } /* teal/blue-green */
:root[data-theme="summer-night"]   { --accent: #d13570; } /* dark magenta/red */
:root[data-theme="fall-morning"]   { --accent: #e08a3c; } /* orange */
:root[data-theme="fall-night"]     { --accent: #3fcf4f; } /* bright vibrant green */
:root[data-theme="winter-morning"] { --accent: #2e6db4; } /* vibrant phthalo blue, lightened */
:root[data-theme="winter-night"]   { --accent: #7ec8f2; } /* light blue */

/* ---- About image per exact theme ---- */
:root[data-theme="spring-morning"] #about-image { content: url('images/matts5.webp'); }
:root[data-theme="spring-night"]   #about-image { content: url('images/matts6.webp'); }
:root[data-theme="summer-morning"] #about-image { content: url('images/matts8.webp'); }
:root[data-theme="summer-night"]   #about-image { content: url('images/matts0.webp'); }
:root[data-theme="fall-morning"]   #about-image { content: url('images/matts3.webp'); }
:root[data-theme="fall-night"]     #about-image { content: url('images/matts2.webp'); }
:root[data-theme="winter-morning"] #about-image { content: url('images/matts4.webp'); }
:root[data-theme="winter-night"]   #about-image { content: url('images/matts7.webp'); }

.content-container a {
  color: var(--accent);
}
.content-container a:hover {
  filter: brightness(1.3);
}