/* Text accents are separate from decorative background colours. */
:root { --accent-on-light: #172423; --accent-on-dark: #DDF15B; }
html[data-font-light="ink"] { --accent-on-light: #172423; }
html[data-font-light="forest"] { --accent-on-light: #245444; }
html[data-font-light="blue"] { --accent-on-light: #3046C5; }
html[data-font-light="clay"] { --accent-on-light: #A63B29; }
html[data-font-dark="lime"] { --accent-on-dark: #DDF15B; }
html[data-font-dark="cream"] { --accent-on-dark: #F5F1E8; }
html[data-font-dark="white"] { --accent-on-dark: #FFFFFF; }

.possibilities .text-link:hover,
.story-card:hover h3,
.context-list h3,
.context-list > a:hover,
.footer-top > div a:hover,
.footer-bottom a:hover,
.discipline-list h3,
.viability-visual > .eyebrow,
.value-node::after,
.value-node > span,
.context-links a:hover,
.contexts .text-link:hover,
.context-grid h3,
.workshop-contexts h3,
.workshop-contexts .text-link:hover,
.health-theme .text-link:hover,
.fellowship-output-grid span,
.contexts .focus-business h3 {
  color: var(--accent-on-dark);
}

/* A white card stays a light surface even when its section is dark. */
.focus-card h3,
.contexts .focus-card h3,
.workshop-contexts .focus-card h3,
.contexts .domain-grid h3 {
  color: var(--accent-on-light);
}