:where(.plus-app-2026-10-elakelaskuri) {
  /* Teemamerkki Kartta-paketin editorille (@yle-interactive/kartta). Älä poista. */
  --plus-teema: tumma;

  --plus-korostus: #f57f74; /* yds-color-news-orange-40 */
  --plus-korostus-2: #7c59fa; /* yds-color-news-violet-40 */
  --plus-korostus-3: #694bd7; /* yds-color-news-violet-50 */

  /* Teemavärit: käytä aina prioriteettijärjestyksessä 1 → N, ks. PLUSSAN_PERIAATTEET.md → Teemavärit */
  --plus-teemavari-1: #7c59fa; /* yds-color-news-violet-40 */
  --plus-teemavari-2: #29ccde; /* yds-color-turquoise-40 */
  --plus-teemavari-3: #ffe387; /* yds-color-info-yellow-20 */
  --plus-teemavari-4: #ff8f33; /* yds-color-info-orange-50 */
  --plus-teemavari-5: #9436b5; /* yds-color-info-purple-50 */
  --plus-teemavari-6: #fff3e2; /* yds-color-info-orange-5 */
  --plus-teemavari-aksentti: #f57f74; /* yds-color-news-orange-40 */
  /* Avainlukujen väri: violet-80 katoaisi tummaan sivuun, joten vaaleampi violet-30 (Teemu
     22.10.2026). */
  --plus-avainluku: #9479fb; /* yds-color-news-violet-30: 5,61:1 sivulla (#131415) */

  /* Visualisointien oletusasteikko (vaihda projektikohtaisesti). Ks. docs/varipaletit.md.
     sequential = absoluuttinen data (matala→korkea); diverging = etumerkillinen/keskitetty data. */
  --plus-teemavari-asteikko: var(--plus-asteikko-violetti-5);
  --plus-teemavari-asteikko-diverging: var(--plus-asteikko-violetti-oranssi-9);

  /* WCAG-kontrastin mukaan valitut tekstivärit teemavärien päälle, ks. PLUSSAN_PERIAATTEET.md → Teemavärit */
  --plus-teemavari-1-teksti: var(--yds-color-text-light);
  --plus-teemavari-2-teksti: var(--yds-color-text-dark);
  --plus-teemavari-3-teksti: var(--yds-color-text-dark);
  --plus-teemavari-4-teksti: var(--yds-color-text-dark);
  --plus-teemavari-5-teksti: var(--yds-color-text-light);
  --plus-teemavari-6-teksti: var(--yds-color-text-dark);
  --plus-teemavari-aksentti-teksti: var(--yds-color-text-dark); /* 7,18:1 orange-40:llä */

  /* Ohjainkortin (ControlCard) tausta. Ilman tätä YDS:n --yds-color-background-interactive.
     Violetti ohjainkortti: poista kommentti tästä ja toisesta variables-tiedostosta. */
  --plus-ohjaimet-tausta: #2f2372; /* yds-color-news-violet-80 */
  /* Säätimien (YDS Slider highlight) ja focus-renkaan väri koko koneessa (KonePohja). Vähintään
     3:1 sekä sivun että ohjainkortin taustaa vasten. Ilman tätä YDS:n oletus (turkoosi). */
  --plus-ohjaimet-korostus: #b7a8fa; /* yds-color-news-violet-20: 8,78:1 sivulla, 6,23:1 violet-80:llä */

  /* Avainlukukorttien (ResultCardContainer) reunus: vaalean violet-5:n tumma pari, sama kuin
     ohjainkortin pinta. Ilman tätä --yds-color-border-separator. */
  --plus-kortti-reunus: #2f2372; /* yds-color-news-violet-80 */
}
