/* Secondary text legibility layer: subtle contrast tuning, no visual identity break */

:root {
    --text-secondary-dark-bg: rgba(235, 235, 225, 0.86);
    --text-secondary-dark-bg-strong: rgba(235, 235, 225, 0.92);
    --text-secondary-light-bg: rgba(51, 63, 72, 0.72);
    --text-secondary-light-bg-strong: rgba(51, 63, 72, 0.82);
}

/* Dark backgrounds */
.hero-subtitle,
.projects-subtitle,
.srv-subtitle,
.process-active-desc,
.case-section-text,
.case-summary-text,
.pill-category,
.footer-link,
.mobile-nav-link {
    color: var(--text-secondary-dark-bg);
}

/* Light backgrounds */
.intro-text,
.submit-note,
.step-counter,
.field-error-message,
input::placeholder,
textarea::placeholder {
    color: var(--text-secondary-light-bg);
}

/* Slightly stronger contrast on interaction/focus contexts */
.case-back,
.link-cta,
.step-hint-message {
    color: var(--text-secondary-dark-bg-strong);
}

/* Maintain readability on light pages */
.briefing-page .step-hint-message,
.briefing-page .step-counter,
.briefing-page .submit-note,
.briefing-page .intro-text {
    color: var(--text-secondary-light-bg-strong);
}

/* Mobile-first readability tweaks for secondary copy */
@media (max-width: 768px) {
    .hero-subtitle,
    .projects-subtitle,
    .srv-subtitle,
    .process-active-desc,
    .case-section-text,
    .case-summary-text,
    .intro-text,
    .submit-note {
        line-height: 1.62;
        letter-spacing: 0.01em;
    }

    .hero-subtitle,
    .projects-subtitle,
    .srv-subtitle,
    .process-active-desc,
    .case-section-text,
    .intro-text {
        font-size: clamp(15px, 3.7vw, 17px);
    }

    .pill-category,
    .step-counter,
    .step-hint-message,
    .submit-note {
        font-size: 13px;
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        color: var(--text-secondary-light-bg-strong);
    }
}