@layer component.theme {
  .tarot {
    background-color: var(--paper);
    --paper: var(--surface);
    color: var(--pen);
  }
  .tarot--scheme_light {
    --paper: var(--bright);
    --pen: var(--dartk);
    color-scheme: light;
  }
  .tarot--scheme_dark {
    --paper: var(--dark);
    --pen: var(--bright);
    color-scheme: dark;
  }
  .tarot--scheme_highlighted {
    --paper: var(--highlight);
    --pen: var(--highlight-contrast);
    color-scheme: light;
  }
  .tarot--scheme_light,
  .tarot--scheme_dark {
    .tarot__image {
      opacity: .3;
    }
  }
}