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

  .section--scheme_platinum {
    --section-color: var(--platinum);
    color-scheme: light;
  }
  .section--scheme_silver {
    --section-color: var(--surface);
    color-scheme: light;
  }
  .section--scheme_dark {
    --section-color: var(--dark);
    color-scheme: dark;
  }
}