/* === Base Layout === */
body {
  margin: 0;
  font-family: "SpringwriteIII", sans-serif;
  color: var(--text-color);
  background-color: var(--bg-color);
}

header {
  background-color: var(--header-bg);
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

header img {
  width: 10vw;
  height: 3.75vw;
}

.divider {
  width: 100%;
  height: 0.5vw;
  background-color: black;
}

.dotted-divider {
  width: 100%;
  height: 0.5vw;
  border-top: 1px dotted var(--text-color);
  background-color: black;
}

h1 {
  text-align: center;
  font-size: 4rem;
  margin: 2rem 0;
}

.album {
  background-color: var(--accent-bg);
  padding: 2rem;
  text-align: center;
  border-radius: 0px;
  max-width: 800px;
  margin: 0 auto;
}

iframe {
  border: none;
  width: 600px;
  height: 600px;
  max-width: 90vw;
  display: block;
  margin: 0 auto 1rem;
}

p {
  font-size: 1.2rem;
  color: var(--text-color);
}

.inline-icon {
  width: 23px;
  height: 23px;
  vertical-align: middle;
}

figure {
  margin-top: 2rem;
}

.lemon-image {
  width: 14%;
  min-width: 180px;
  border: thin solid #d15a84;
}

figcaption {
  font-size: 1rem;
  margin-top: 0.5rem;
  color: var(--text-color);
}

footer {
  text-align: center;
  padding: 2rem 0;
  color: #bbb;
  font-size: 0.9rem;
}

/* === Themes === */
.theme-biglemon {
  --bg-color: #203930;
  --accent-bg: #509b4b;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-hyporealities {
  --bg-color: #181b78;
  --accent-bg: #774b8a;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-waldfuchs {
  --bg-color: #945542;
  --accent-bg: #131111;
  --header-bg: black;
  --text-color: #fdd2ed;
}


.theme-stratarchy {
  --bg-color: #252525;
  --accent-bg: #4c504c;
  --header-bg: black;
  --text-color: #fdd2ed;
}




.theme-idiot-error {
  --bg-color: #1a0f06;
  --accent-bg: #694330;
  --header-bg: black;
  --text-color: #fdd2ed;
}


.theme-spotted-snout {
  --bg-color: #232333;
  --accent-bg: #891e2b;
  --header-bg: black;
  --text-color: #fdd2ed;
}


.theme-rambles {
  --bg-color: #22295d;
  --accent-bg:#5478b1;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-rising-towers {
  --bg-color: #c35730;
  --accent-bg: #d07348;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-sampled-pastures {
  --bg-color: #203930;
  --accent-bg: #509b4b;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-triangular {
  --bg-color: #996b3b;
  --accent-bg: #ce914f;
  --header-bg: black;
  --text-color: #fdd2ed;
}

.theme-unjustified {
  --bg-color: #1b1b1b;
  --accent-bg: #e57028;
  --header-bg: black;
  --text-color: #fdd2ed;
}



/* === Themes === */
.theme-miracles {
  --bg-color: #545455;
  --accent-bg: #000008;
  --header-bg: black;
  --text-color: #fdd2ed;
}


/* === Themes === */
.theme-ym2151 {
  --bg-color: #450006;
  --accent-bg: #650008;
  --header-bg: black;
  --text-color: #fdd2ed;
}

/* === Theme for Minty Chocolate === */
.theme-minty {
  --bg-color: #18461a;       /* deep green background */
  --accent-bg: #2c8c2c;      /* slightly brighter green for album section */
  --header-bg: black;
  --text-color: #ffffff;     /* white text */
}

.theme-lightworld {
  --bg-color: #545455;       /* dark gray background */
  --accent-bg: #000000;      /* black album container */
  --header-bg: black;        
  --text-color: #ffffff;     /* white text */
}

/* === Multi-album layout === */
.multi-album {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.album-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
}

.album-row iframe {
  width: 277px;
  height: 277px;
  border: none;
}

/* Optional note paragraph style */
.note {
  font-size: 1.1rem;
  margin-top: 1rem;
  color: var(--text-color);
}
/* === Theme for Pastorales === */
.theme-pastorales {
  --bg-color: #203930;      /* deep forest green background */
  --accent-bg: #c64524;     /* warm earthy orange accent */
  --header-bg: black;
  --text-color: #fdd2ed;    /* soft pink for contrast */
}

/* === Theme for In Complete Freefall === */
.theme-freefall {
  --bg-color: #383838;        /* dark gray background */
  --accent-bg: #7c8186;       /* lighter gray for album container */
  --header-bg: black;
  --text-color: #fdd2ed;      /* soft pink text */
}


.theme-blacknwhite {
  --bg-color: #101010;
  --accent-bg: #ffffff;
  --header-bg: black;
  --text-color: #101010;
}

/* === New theme for POKEY Suites === */
.theme-pokeysuites {
  --bg-color: #898a8c;
  --accent-bg: #b53027;
  --header-bg: black;
  --text-color: #fdd2ed;
}