:root {
    --new-leaf-link: #0d6f7b;
    --new-leaf-link-hover: #3f5528;
}

/*
 * The storefront theme intentionally lets navigation, cards, and buttons inherit
 * their surrounding color. Restore a conventional treatment for ordinary links
 * inside the page body without repainting those component-level interactions.
 */
.page-main :where(a:not(.button, .wp-element-button, .wc-block-components-button, .woocommerce-loop-product__link, .category-card, .collection-browser__card, .editorial-card__media, .remove, [role="button"])) {
    color: var(--new-leaf-link);
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .18em;
}

.page-main :where(a:not(.button, .wp-element-button, .wc-block-components-button, .woocommerce-loop-product__link, .category-card, .collection-browser__card, .editorial-card__media, .remove, [role="button"])):hover {
    color: var(--new-leaf-link-hover);
    text-decoration-thickness: 2px;
}

.page-main :where(a:not(.button, .wp-element-button, .wc-block-components-button, .woocommerce-loop-product__link, .category-card, .collection-browser__card, .editorial-card__media, .remove, [role="button"])):focus-visible {
    color: var(--new-leaf-link-hover);
    outline: 3px solid #e5a900;
    outline-offset: 3px;
}

.page-main .storefront-imported-card > a { text-decoration: none; }