@layer component.theme {
  .portrait--light {
    color-scheme: light;
  }

  .portrait--dark {
    color-scheme: dark;
  }

  .portrait__foreground {
    color: light-dark(var(--dark), var(--bright));
    background-image: linear-gradient(
      to bottom,
      transparent,
      color-mix(light-dark(var(--bright), var(--dark)), transparent 25%)
    );
  }
}