/* ============================================================================
   Couch Party — the four answer colors (A / B / C / D), one set for every
   four-option control on the phone AND the TV.

   Why this file exists (spec 4.4, playtest Sep 2026): option D was painted
   with the page's own surface color. On the violet backdrop it measured
   1.5:1 — a button that vanished into the wall. The rules the set now meets:

     • no fill sits within ~40° of the violet backdrop's hue (so nothing
       purple, indigo or blue-violet, for ANY of the four)
     • every fill is ≥ 3:1 against the page background in the scheme it
       ships in (dark: A/B/C ≈ 10.9:1, D ≈ 15:1)
     • the four stay distinguishable under deuteranopia and protanopia —
       D's lime was chosen by search for the largest minimum simulated
       distance from A/B/C (0.41; the shipping A–B pair is 0.30)
     • the A/B/C/D letter always carries identity; color is decoration

   A/B/C alias the design system's *-fixed-dim roles (identical in light and
   dark, so phone and TV agree). D is the one color the system had no role
   for. Hand-maintained; not part of the generated cp-tokens.css.
   ========================================================================= */

:root {
  --cp-answer-a: var(--cp-primary-fixed-dim);       /* magenta */
  --cp-on-answer-a: var(--cp-on-primary-fixed);
  --cp-answer-b: var(--cp-secondary-fixed-dim);     /* cyan */
  --cp-on-answer-b: var(--cp-on-secondary-fixed);
  --cp-answer-c: var(--cp-tertiary-fixed-dim);      /* amber */
  --cp-on-answer-c: var(--cp-on-tertiary-fixed);
  --cp-answer-d: #c0f8a0;                           /* lime */
  --cp-on-answer-d: #10290c;

  /* TV cards use the muted *-container treatment; D needs its own pair. */
  --cp-answer-d-container: #b9f0a3;
  --cp-on-answer-d-container: #0c2a08;
  --cp-answer-d-strong: #4f9a3f;                    /* the letter chip on TV */
  --cp-on-answer-d-strong: #f3ffe9;
}

[data-cp-theme="dark"] {
  --cp-answer-d-container: #1f4a1a;
  --cp-on-answer-d-container: #c0f8a0;
  --cp-answer-d-strong: #c0f8a0;
  --cp-on-answer-d-strong: #10290c;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-cp-theme="light"]) {
    --cp-answer-d-container: #1f4a1a;
    --cp-on-answer-d-container: #c0f8a0;
    --cp-answer-d-strong: #c0f8a0;
    --cp-on-answer-d-strong: #10290c;
  }
}