/**
 * Semantic dark-section text tokens.
 * Never use --color-primary as text colour inside these regions.
 * body:not(.wp-admin) prefix beats base.css element rules (h2, a, etc.).
 */

body:not(.wp-admin) .theme-dark-section,
body:not(.wp-admin) .kryptokurs-site-footer,
body:not(.wp-admin) .risk-information,
body:not(.wp-admin) .kryptokurs-hero,
body:not(.wp-admin) .kryptokurs-broker-cta,
body:not(.wp-admin) .kryptokurs-site-header--primary,
body:not(.wp-admin) .kryptokurs-site-header--hero,
body:not(.wp-admin) .kryptokurs-mobile-nav,
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile {
	color: var(--color-text-muted-on-dark, #a8b3c7);
}

body:not(.wp-admin) .theme-dark-section :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-site-footer :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .risk-information :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-hero :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-broker-cta :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-site-header--primary :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-site-header--hero :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-mobile-nav :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile :is(h1, h2, h3, h4, h5, h6, strong, th),
body:not(.wp-admin) .theme-dark-section :is(.kryptokurs-site-footer__brand-text, .kryptokurs-site-footer__column-title, .kryptokurs-hero__title, .kryptokurs-broker-cta__heading),
body:not(.wp-admin) .kryptokurs-site-footer :is(.kryptokurs-site-footer__brand-text, .kryptokurs-site-footer__column-title, .kryptokurs-hero__title, .kryptokurs-broker-cta__heading),
body:not(.wp-admin) .risk-information :is(.kryptokurs-site-footer__column-title),
body:not(.wp-admin) .kryptokurs-hero :is(.kryptokurs-hero__title, .kryptokurs-broker-cta__heading),
body:not(.wp-admin) .kryptokurs-broker-cta .kryptokurs-broker-cta__heading {
	color: var(--color-text-on-dark, #f8fafc);
}

body:not(.wp-admin) .theme-dark-section :is(p, li, small, dd, dt, figcaption, blockquote, .kryptokurs-muted, .kryptokurs-site-footer__tagline, .kryptokurs-site-footer__data-source, .kryptokurs-site-footer__copyright, .kryptokurs-site-footer__risk, .kryptokurs-hero__intro, .kryptokurs-broker-cta__text, .kryptokurs-broker-cta__disclosure, .kryptokurs-broker-cta__risk),
body:not(.wp-admin) .kryptokurs-site-footer :is(p, li, small, dd, dt, figcaption, blockquote, .kryptokurs-muted, .kryptokurs-site-footer__tagline, .kryptokurs-site-footer__data-source, .kryptokurs-site-footer__copyright, .kryptokurs-site-footer__risk, .kryptokurs-hero__intro, .kryptokurs-broker-cta__text, .kryptokurs-broker-cta__disclosure, .kryptokurs-broker-cta__risk),
body:not(.wp-admin) .risk-information :is(p, li, small, .kryptokurs-risk-warning__text),
body:not(.wp-admin) .kryptokurs-hero :is(p, .kryptokurs-hero__intro, .kryptokurs-hero__eyebrow),
body:not(.wp-admin) .kryptokurs-broker-cta :is(p, .kryptokurs-broker-cta__text, .kryptokurs-broker-cta__disclosure, .kryptokurs-broker-cta__risk) {
	color: var(--color-text-muted-on-dark, #a8b3c7);
}

body:not(.wp-admin) .theme-dark-section .kryptokurs-hero__eyebrow,
body:not(.wp-admin) .kryptokurs-hero .kryptokurs-hero__eyebrow,
body:not(.wp-admin) .kryptokurs-broker-cta .kryptokurs-broker-cta__eyebrow {
	color: var(--color-text-muted-on-dark, #a8b3c7);
}

body:not(.wp-admin) .theme-dark-section :is(a, .kryptokurs-site-header__brand, .kryptokurs-nav a, .kryptokurs-site-header__nav-list a, .kryptokurs-site-header__mobile-list a, .kryptokurs-broker-cta__partner-link),
body:not(.wp-admin) .kryptokurs-site-footer a:not(.kryptokurs-btn),
body:not(.wp-admin) .risk-information a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-hero a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-broker-cta a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-site-header--primary a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-site-header--hero a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-mobile-nav a:not(.kryptokurs-btn),
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile a:not(.kryptokurs-btn) {
	color: var(--color-text-on-dark, #f8fafc);
}

body:not(.wp-admin) .theme-dark-section a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .theme-dark-section a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-site-footer a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-site-footer a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .risk-information a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .risk-information a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-hero a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-hero a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-broker-cta a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-broker-cta a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-site-header--primary a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-site-header--primary a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-site-header--hero a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-site-header--hero a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-mobile-nav a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-mobile-nav a:not(.kryptokurs-btn):focus-visible,
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile a:not(.kryptokurs-btn):hover,
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile a:not(.kryptokurs-btn):focus-visible {
	color: var(--color-accent, #087ef5);
}

body:not(.wp-admin) .theme-dark-section :is(.kryptokurs-site-footer__social-link, .kryptokurs-site-header__toggle-icon, .kryptokurs-site-header__toggle),
body:not(.wp-admin) .kryptokurs-site-footer :is(.kryptokurs-site-footer__social-link, .kryptokurs-site-header__toggle-icon),
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__toggle,
body:not(.wp-admin) .kryptokurs-site-header--hero .kryptokurs-site-header__toggle {
	color: var(--color-text-on-dark, #f8fafc);
}

body:not(.wp-admin) .theme-dark-section :is(.kryptokurs-site-footer__social-link:hover, .kryptokurs-site-footer__social-link:focus-visible),
body:not(.wp-admin) .kryptokurs-site-footer a.kryptokurs-site-footer__social-link:hover,
body:not(.wp-admin) .kryptokurs-site-footer a.kryptokurs-site-footer__social-link:focus-visible {
	color: var(--color-text-on-dark, #f8fafc);
	background: var(--color-accent, #087ef5);
	border-color: var(--color-accent, #087ef5);
}

body:not(.wp-admin) .theme-dark-section :is(svg, .kryptokurs-brand-icon, .kryptokurs-site-footer__social-svg),
body:not(.wp-admin) .kryptokurs-site-footer :is(svg, .kryptokurs-brand-icon, .kryptokurs-site-footer__social-svg),
body:not(.wp-admin) .kryptokurs-site-header--primary :is(svg, .kryptokurs-brand-icon),
body:not(.wp-admin) .kryptokurs-site-header--hero :is(svg, .kryptokurs-brand-icon) {
	color: var(--color-text-on-dark, #f8fafc);
	fill: currentColor;
}

body:not(.wp-admin) .theme-dark-section,
body:not(.wp-admin) .kryptokurs-site-footer,
body:not(.wp-admin) .kryptokurs-hero,
body:not(.wp-admin) .kryptokurs-broker-cta,
body:not(.wp-admin) .kryptokurs-site-header--primary,
body:not(.wp-admin) .kryptokurs-site-header--hero,
body:not(.wp-admin) .kryptokurs-mobile-nav,
body:not(.wp-admin) .kryptokurs-site-header--primary .kryptokurs-site-header__mobile {
	--kryptokurs-border: var(--color-border-on-dark, #2c3750);
}

body:not(.wp-admin) .theme-dark-section :is(.kryptokurs-site-footer__responsible, .kryptokurs-site-footer__risk, .risk-information),
body:not(.wp-admin) .kryptokurs-site-footer :is(.kryptokurs-site-footer__responsible, .kryptokurs-site-footer__risk),
body:not(.wp-admin) .risk-information {
	border-color: var(--color-border-on-dark, #2c3750);
}

body:not(.wp-admin) .theme-dark-section :is(.kryptokurs-conversion-table__caption, .kryptokurs-conversion-table__table thead th),
body:not(.wp-admin) .kryptokurs-hero :is(.kryptokurs-conversion-table__caption, .kryptokurs-conversion-table__table thead th) {
	color: var(--color-text-on-dark, #f8fafc);
	border-color: var(--color-border-on-dark, #2c3750);
}
