@layer component.theme {
  .section {
    background: var(--section-color);
    color: contrast-color(var(--section-color));
  }

  .section--theme_light {
    --section-color: white;
    color-scheme: light;
  }

  .section--theme_medium {
    --section-color: dimgray;
    color-scheme: dark;
  }

  .section--theme_dark {
    --section-color: black;
    color-scheme: dark;
  }
}