:root {
  --headline-font: 'Rubik Dirt', cursive;
  --subheading-font: 'Jost', sans-serif;
  --paragraph-font: 'Kantumruy Pro', sans-serif;
  --primary-color: #fe7700;

  /* Fallbacks for theming */
  --theme-bg: 255, 255, 255;
  --theme-accent: 17, 17, 17;
  --theme-gradient: linear-gradient(to bottom, #ffffff, #f7f7f7);
  --theme-curve: 122,199,194; /* Fallback for home */
}

.pillar-theme {
  background: rgb(var(--theme-bg));
  color: rgb(var(--theme-accent));
}

:root[data-theme="home"] {
  --theme-bg: 122, 199, 194;
  --theme-accent: 254, 119, 0;
  --theme-gradient: linear-gradient(to bottom, #fff7f0, #ffffff);
  --theme-curve: 122,199,194; /* #7ac7c2 */
  --theme-background-image: url('/assets/images/core/texture_home.png');
  --theme-background-size: 2000px;
}

:root[data-theme="story"] {
  --theme-bg: 255, 236, 229;
  --theme-accent: 217, 65, 0;
  --theme-gradient: linear-gradient(to bottom, #fff3ed, #ffece5);
  --theme-curve: 140,53,56; /* Adjust as needed */
  --theme-background-image: url('/assets/images/core/texture_pillar_story.png');
  --theme-background-size: 1800px;
}

:root[data-theme="journey"] {
  --theme-bg: 229, 242, 255;
  --theme-accent: 0, 115, 230;
  --theme-gradient: linear-gradient(to bottom, #e5f2ff, #f7fbff);
  --theme-curve: 0,135,139;
  --theme-background-image: url('/assets/images/core/texture_pillar_journey.png');
  --theme-background-size: 1800px;
}

:root[data-theme="voices"] {
  --theme-bg: 230, 255, 242;
  --theme-accent: 23, 197, 105;
  --theme-gradient: linear-gradient(to bottom, #e6fff2, #ffffff);
  --theme-curve: 23,197,105;
  --theme-background-image: url('/assets/images/core/texture_pillar_voices.png');
  --theme-background-size: 1800px;

}

:root[data-theme="action"] {
  --theme-bg: 255, 245, 209;
  --theme-accent: 254, 119, 0;
  --theme-gradient: linear-gradient(to bottom, #fffbe6, #fff5d1);
  --theme-curve: 254,119,0;
  --theme-background-image: url('/assets/images/core/texture_pillar_action.png');
  --theme-background-size: 1800px;
}

:root[data-theme="journey"] .intro-section .pillar-intro,
:root[data-theme="journey"] .intro-section h1 {
  color: #FFFFFF!important;
}

.pillar-theme {
  background-image: var(--theme-background-image);
  background-size: var(--theme-background-size, 1500px); /* fallback */
  background-repeat: no-repeat;
}

.pillar-theme svg path {
  fill: rgb(var(--theme-curve));
}

.pillar-curve-overlay {
  opacity: 0.5; /* Adjust this to control curve visibility */
  mix-blend-mode: multiply;
}

:root[data-theme="home"] .pillar-curve-overlay {
   mix-blend-mode: screen;
}

.pwl {
  font-weight: bold;
  transition: letter-spacing 0.3s ease, opacity 0.3s ease;
}

.pwl:hover {
  letter-spacing: 0.02em;
  font-weight:normal;
}

/* Deeper, readable pastel-inspired shades */
.pwl:nth-of-type(1)  { color: #cc6b5a; } /* muted coral */
.pwl:nth-of-type(2)  { color: #709775; } /* dusty sage green */
.pwl:nth-of-type(3)  { color: #b07bac; } /* dusty mauve */
.pwl:nth-of-type(4)  { color: #a47148; } /* warm tan / terracotta */
.pwl:nth-of-type(5)  { color: #5d7f9c; } /* desaturated denim */
.pwl:nth-of-type(6)  { color: #c78f50; } /* muted amber */
.pwl:nth-of-type(7)  { color: #6b6ea6; } /* dusty periwinkle */
.pwl:nth-of-type(8)  { color: #8a817c; } /* soft plum-gray */

.pwl:nth-of-type(n+9) {
  color: #709775; /* fallback: dusty green */
}

@media(max-width:768px) {
	.pillar-curve-overlay { height: 300px; }

	:root[data-theme="home"] {
		--theme-background-size:: 500px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="story"] {
		--theme-background-size:: 300px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="journey"] {
		--theme-background-size:: 500px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="voices"] {
		--theme-background-size:: 300px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="action"] {
		--theme-background-size:: 600px; /* Adjust to taste: smaller = more visible detail */
	}
}

@media (max-width: 767px) and (orientation: landscape) {
	:root[data-theme="home"] {
		--theme-background-size:: 800px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="story"] {
		--theme-background-size:: 800px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="journey"] {
		--theme-background-size:: 800px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="voices"] {
		--theme-background-size:: 800px; /* Adjust to taste: smaller = more visible detail */
	}
	:root[data-theme="action"] {
		--theme-background-size:: 900px; /* Adjust to taste: smaller = more visible detail */
	}
}