:root {
    --page-heading-title: var(--text, var(--ink, #211b16));
    --page-heading-subtitle: var(--muted, #746a60);
    --page-heading-accent: var(--gold, #b4812d);
}

:is(.main-title, .brand-title, .window-title-main) {
    color: var(--page-heading-title) !important;
}

:is(.sub-title, .window-title-top) {
    color: var(--page-heading-accent) !important;
}

:is(
    .hero-card,
    .hero-main,
    .market-intro-copy,
    .breeders-hero,
    .shop-hero,
    .notifications-hero,
    .patchnotes-hero-copy,
    .users-intro-copy,
    .intro,
    .aln-intro,
    .pn-title,
    .messaging-sidebar-head,
    .hero-body
) h1 {
    color: var(--page-heading-title) !important;
}

:is(
    .hero-card,
    .hero-main,
    .market-intro-copy,
    .breeders-hero,
    .shop-hero,
    .notifications-hero,
    .patchnotes-hero-copy,
    .users-intro-copy,
    .intro,
    .aln-intro,
    .pn-title,
    .hero-body
) p {
    color: var(--page-heading-subtitle) !important;
}

:is(
    .hero-kicker,
    .hero-pill,
    .market-kicker,
    .breeders-kicker,
    .shop-kicker,
    .notifications-kicker,
    .patchnotes-kicker,
    .aln-intro > div > span
) {
    color: var(--page-heading-accent) !important;
}