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

/* extend or overwrite this file to define scheme  from your [theme].schemes.yml

Example:
@layer component.theme {
  .section--scheme_light {
    --section-color: white;
    color-scheme: light;
  }
}

 */