/* Shared Estabrook's brand accents for redesigned About and Advice pages. */
:root {
    --site-pink: #d23887;
    --site-pink-light: #f4a0c7;
    --site-pink-wash: #faeaf2;
    --site-green: #2f7d38;
    --site-green-bright: #49b947;
    --site-green-wash: #e8f3e7;

    /* Retire the earlier gold accent without requiring each template to
       maintain its own copy of the brand palette. */
    --advice-gold: var(--site-pink-light);
    --returns-gold: var(--site-pink-light);
    --simple-gold: var(--site-pink-light);
    --app-gold: var(--site-pink-light);
    --employment-gold: var(--site-pink-light);
    --events-gold: var(--site-pink-light);
    --history-gold: var(--site-pink-light);
    --newsletter-gold: var(--site-pink-light);
    --workflow-gold: var(--site-pink-light);
}

/* Light-section labels remain green; labels over deep green become pink. */
[class$="-eyebrow"]:not([class*="-dark"]),
[class$="-eyebrow-light"] {
    color: var(--site-pink-light);
}

[class$="-eyebrow-dark"],
[class$="-kicker"],
[class$="-role-label"] {
    color: var(--site-green);
}

/* Stronger green for informational links and navigation controls. */
.advice-page a:not([class*="button"]),
.simple-page a:not([class*="button"]),
.app-page a:not([class*="button"]),
.community-page a:not([class*="button"]),
.contact-page a:not([class*="button"]),
.delivery-page a:not([class*="button"]),
.employment-page a:not([class*="button"]),
.events-page a:not([class*="button"]),
.history-page a:not([class*="button"]),
.newsletter-page a:not([class*="button"]),
.planting-page a:not([class*="button"]),
.preferred-page a:not([class*="button"]),
.returns-page a:not([class*="button"]),
.workflow-page a:not([class*="button"]) {
    text-decoration-color: color-mix(in srgb, var(--site-green) 45%, transparent);
}

/* Primary actions use the logo pink; pale icon circles retain the familiar
   green system with selected cards receiving a pink moment. */
.advice-search-form button,
.advice-empty-button,
.events-button,
.delivery-button-primary,
.contact-button-primary,
.workflow-button,
.app-button-primary {
    background: var(--site-pink);
    color: #fff;
}

.advice-search-form button:hover,
.advice-empty-button:hover,
.events-button:hover,
.delivery-button-primary:hover,
.contact-button-primary:hover,
.workflow-button:hover,
.app-button-primary:hover {
    background: #b92e74;
    color: #fff;
}

[class$="-icon"] {
    accent-color: var(--site-green);
}

/* A restrained two-color rule ties long content pages back to the homepage. */
[class$="-section-header"] {
    border-image: linear-gradient(90deg, var(--site-green-bright) 0 20%, var(--site-pink) 20% 30%, #dce2dc 30%) 1;
}

@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
    .advice-page a,
    .simple-page a,
    .app-page a,
    .community-page a,
    .contact-page a,
    .delivery-page a,
    .employment-page a,
    .events-page a,
    .history-page a,
    .newsletter-page a,
    .planting-page a,
    .preferred-page a,
    .returns-page a,
    .workflow-page a {
        text-decoration-color: var(--site-green);
    }
}