/**
 * Sticky section-tab contrast (About pattern).
 * Light surfaces: soft brand orange fails WCAG AA — use --orange-deep.
 * Dark theme: keep light brand orange.
 * Does not change layout or shared theme tokens.
 */

.about-tab-link:hover,
.about-tab-link.active,
.partner-tab-link:hover,
.partner-tab-link.active,
.ir-tab-link:hover,
.ir-tab-link.active,
.media-tab-link:hover,
.media-tab-link.active,
.contact-tab-link:hover,
.contact-tab-link.active,
.gem-tab-link:hover,
.gem-tab-link.active,
.product-nav a:hover,
.product-nav a.active {
    color: var(--orange-deep);
}

.about-tab-link.active::after,
.partner-tab-link.active::after,
.ir-tab-link.active::after,
.media-tab-link.active::after,
.contact-tab-link.active::after,
.gem-tab-link.active::after,
.product-nav a.active::after {
    background: var(--orange-deep);
}

[data-theme="dark"] .about-tab-link:hover,
[data-theme="dark"] .about-tab-link.active,
[data-theme="dark"] .partner-tab-link:hover,
[data-theme="dark"] .partner-tab-link.active,
[data-theme="dark"] .ir-tab-link:hover,
[data-theme="dark"] .ir-tab-link.active,
[data-theme="dark"] .media-tab-link:hover,
[data-theme="dark"] .media-tab-link.active,
[data-theme="dark"] .contact-tab-link:hover,
[data-theme="dark"] .contact-tab-link.active,
[data-theme="dark"] .gem-tab-link:hover,
[data-theme="dark"] .gem-tab-link.active,
[data-theme="dark"] .product-nav a:hover,
[data-theme="dark"] .product-nav a.active {
    color: var(--orange);
}

[data-theme="dark"] .about-tab-link.active::after,
[data-theme="dark"] .partner-tab-link.active::after,
[data-theme="dark"] .ir-tab-link.active::after,
[data-theme="dark"] .media-tab-link.active::after,
[data-theme="dark"] .contact-tab-link.active::after,
[data-theme="dark"] .gem-tab-link.active::after,
[data-theme="dark"] .product-nav a.active::after {
    background: var(--orange);
}