/**
 * Home page contrast overrides only.
 * Does not change layout, spacing, or shared theme tokens.
 * Uses existing brand colours already defined in theme-tokens.css.
 */

/* Light surfaces: soft brand orange (#FF9A4A) fails WCAG AA on white/paper.
   Use the existing deep orange token already in the design system. */
.home-page .text-orange {
    color: var(--orange-deep);
}

/* Dark home bands already have sufficient contrast with the light orange. */
.home-page .hero-section .text-orange,
.home-page .bg-navy-white .text-orange,
.home-page .cta-banner .text-orange,
.home-page .sector-num,
.home-page .step-num,
.home-page .stat-cell.on-dark .sub,
.home-page .gro-data-label {
    color: var(--orange);
}

/* In dark theme, card/surfaces are dark — keep the light orange there too. */
[data-theme="dark"] .home-page .text-orange {
    color: var(--orange);
}

/* Muted white body copy on navy / hero — raise opacity only (same white). */
.home-page .hero-lead,
.home-page .text-white-dim,
.home-page .step-desc {
    color: rgba(255, 255, 255, 0.92);
}

.home-page .font-light-white {
    color: rgba(255, 255, 255, 0.95);
}

.home-page .text-white-50 {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* Sector card captions on navy cells */
.home-page .focus_card_box p {
    color: rgba(255, 255, 255, 0.92);
}