/**
 * Accessibility contrast overrides (WCAG 2.1 AA).
 * Loaded after Vite hashed CSS so local Django (dist/) and production pick up
 * interactive/muted token remediations without requiring a full rebuild mid-dev.
 * Source of truth for token values remains core.css / shell.css / style.css —
 * keep this file aligned when those tokens change, then npm run build folds them in.
 */

:root {
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --accent-interactive: #0B6B2C;
  --accent-interactive-foreground: #ffffff;
  --accent-interactive-hover: #095624;
  --hero-text-muted: #C5CBDA;
  --redesign-ink-500: #4B5563;
  --redesign-ink-400: #4B5563;
}

.homepage-shell.redesign-shell {
  --ink-500: var(--redesign-ink-500);
  --ink-400: var(--redesign-ink-400);
}

.homepage-shell.redesign-shell .rail .group-label,
.homepage-shell.redesign-shell .rail-library-hint {
  color: var(--hero-text-muted, #C5CBDA);
}

.homepage-shell.redesign-shell .hero-text .sub,
.app[data-site-shell='1'] .trusted-finder-hero .trusted-finder-subtitle,
.app[data-site-shell='1'] .trusted-finder-hero .trusted-finder-subtitle.sub,
.app[data-site-shell='1'] .trusted-finder-hero .sub {
  color: var(--hero-text-muted, #C5CBDA) !important;
}

.homepage-shell.redesign-shell .legal-content a,
.homepage-shell.redesign-shell .legal-content .link,
body.auth-page .form-help .link,
body.auth-page .homepage-shell.redesign-shell .account-switch .link,
.account-switch .link {
  color: var(--accent-interactive, #0B6B2C);
}

.homepage-shell.redesign-shell .legal-content a:hover,
.homepage-shell.redesign-shell .legal-content .link:hover,
body.auth-page .form-help .link:hover,
body.auth-page .homepage-shell.redesign-shell .account-switch .link:hover {
  color: var(--accent-interactive-hover, #095624);
}

.preferences-btn {
  color: var(--accent-interactive, #0B6B2C);
  border-color: var(--accent-interactive, #0B6B2C);
}

.preferences-btn:hover {
  background: var(--accent-interactive, #0B6B2C);
  color: var(--accent-interactive-foreground, #fff);
}

.form-help {
  color: var(--text-muted, #6B7280);
  opacity: 1;
}

body.trusted-finder-page .tf-example .why {
  color: var(--redesign-ink-400, #4B5563);
}

.homepage-shell.redesign-shell .homepage-topbar-search .kbd {
  color: var(--ink-400, #4B5563);
}

.cms-prose a {
  color: var(--accent-interactive, #0B6B2C);
}

.cms-prose a:hover {
  color: var(--accent-interactive-hover, #095624);
}

.footer-affiliate-disclosure {
  color: var(--hero-text-muted, #C5CBDA) !important;
}

.cms-card-cta {
  color: var(--accent-interactive, #0B6B2C) !important;
}

.cms-chip--featured {
  color: var(--accent-interactive, #0B6B2C) !important;
  background: #e8f5ec !important;
}