/*
 * styles.css (the design system, copied verbatim from Claude Design) ships
 * a handful of unpatched contrast failures in its own base rules -- caught
 * by an axe-core scan against the real rendered pages, not visible from
 * reading the CSS alone. Each mockup .dc.html file works around the worst
 * of these (the plain <a> color) with its own small inline <style>
 * override; this file makes that fix -- and the others axe caught that no
 * mockup happened to override -- apply everywhere base_industry.html is
 * used, instead of requiring every template to repeat it.
 *
 * Confirmed via axe-core (wcag2aa) against the rendered candidate hub page:
 *   - a { color: var(--color-accent) }  ->  3.7:1 on --color-bg (needs 4.5:1)
 *   - .card-kicker (same var(--color-accent))  ->  same 3.7:1 failure
 *   - .table th (color-mix at 60%)  ->  4.24:1 on --color-bg (needs 4.5:1)
 * var(--color-accent-700) is the same step CLAUDE.md's own WCAG checklist
 * says buttons/tags were already moved to for exactly this reason, so
 * these fixes reuse that step rather than inventing a new one. The .table
 * th fix reuses the 75% mix the design system's own .text-muted rule
 * already uses (also for a documented 55%-fails-4.5:1 reason) instead of
 * the unpatched 60% still on .table th.
 */

a {
  color: var(--color-accent-700);
}
a:hover {
  color: var(--color-accent-900);
}

.card-kicker {
  color: var(--color-accent-700);
}

.table th {
  color: color-mix(in srgb, var(--color-text) 75%, transparent);
}

.card-meta {
  color: color-mix(in srgb, var(--color-text) 75%, transparent);
}