:root {
    --color-primary: #FA6743;
    --color-secondary: #FABD23;
    --color-tertiary: #ffd8b1;
}

/* Brand: highlight ".money" / ".Money" suffix in primary red wherever it appears in a span.brand-tld */
.brand-tld {
    color: #FA4819;
}

/* ========== Nav bar wordmark size ==========
   Make the Josep.Money wordmark logo larger in the header. Width auto preserves
   the SVG aspect ratio (617:130 ≈ 4.74:1). */
.site-header__logo-wordmark {
    height: 28px !important;
    width: auto !important;
}
@media (min-width: 50em) {
    .site-header__logo-wordmark {
        height: 32px !important;
    }
}
@media (min-width: 70em) {
    .site-header__logo-wordmark {
        height: 42px !important;
    }
}

/* ========== Nav bar override ==========
   On the homepage, the site-header is positioned absolute on top of the red home-header
   hero. Without an explicit background, the wordmark (Josep black + .Money red) sat on
   red — making .Money invisible. Force a solid sand bg on the nav so both Josep (black)
   and .Money (red) read clearly against the same background as the rest of the site. */
.site-header.site-header__home {
    background-color: var(--color-quaternary) !important;  /* sand */
}

/* In other contexts where bg is brand-red (cards/tabs/hero), keep .brand-tld white so it stays visible */
.has-primary-background-color .brand-tld,
.author-card-tall.red .brand-tld,
.tabs.red .brand-tld,
.hover-card__item.red:hover .brand-tld,
.home-header .brand-tld {
    color: #fff;
}

/* ========== Remove legacy U-shaped half-mark decorations (Upcashwise era) ========== */
.home-header__title-box::after,
.contact-wrap__form-card::after,
.feature-panel.has-logo::after {
    display: none !important;
    content: none !important;
}