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

  --plus-korostus: #f26659; /* yds-color-news-orange-50 */
  --plus-korostus-2: #7c59fa; /* yds-color-news-violet-40 */
  --plus-korostus-3: #9479fb; /* yds-color-news-violet-30 */

  /* Teemavärit: käytä aina prioriteettijärjestyksessä 1 → N, ks. PLUSSAN_PERIAATTEET.md → Teemavärit */
  --plus-teemavari-1: #7c59fa; /* yds-color-news-violet-40: 4,5:1 valkoisella, 3,65:1 violet-5:llä */
  --plus-teemavari-2: #0b54b4; /* yds-color-info-blue-90 */
  --plus-teemavari-3: #f56a1b; /* yds-color-info-orange-60 */
  --plus-teemavari-4: #80259f; /* yds-color-info-purple-60 */
  --plus-teemavari-5: #2f2372; /* yds-color-news-violet-80 */
  --plus-teemavari-aksentti: #f26659; /* yds-color-news-orange-50 */
  /* Avainlukujen väri (ResultCard `korostus`): Figma-templaatin tumma violetti, ei aksentti. */
  --plus-avainluku: #2f2372; /* yds-color-news-violet-80: 13,09:1 valkoisella */

  /* 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 */
  /* Puhdas valkoinen: --yds-color-text-light (#f8f9fa) jää violet-40:llä 4,27:1:een, #fff 4,50:1. */
  --plus-teemavari-1-teksti: #ffffff;
  --plus-teemavari-2-teksti: var(--yds-color-text-light);
  --plus-teemavari-3-teksti: var(--yds-color-text-dark);
  --plus-teemavari-4-teksti: var(--yds-color-text-light);
  --plus-teemavari-5-teksti: var(--yds-color-text-light);
  --plus-teemavari-aksentti-teksti: var(--yds-color-text-dark); /* 5,99:1 orange-50: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: #e6e5ff; /* yds-color-news-violet-5 */
  /* 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), joka jää
     violet-5-kortilla 2,65:1:een (< 3:1). */
  --plus-ohjaimet-korostus: #694bd7; /* yds-color-news-violet-50: 5,85:1 valkoisella, 4,74:1 violet-5:llä */

  /* Avainlukukorttien (ResultCardContainer) reunus. Ilman tätä --yds-color-border-separator. */
  --plus-kortti-reunus: #e6e5ff; /* yds-color-news-violet-5, Figma */
}
