<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - lighting-color, flood-color, stop-color system colors.</title>
<style>
  svg {
    forced-color-adjust: none;
    height: 100px;
    width: 500px;
  }
</style>
<svg xmlns="http://www.w3.org/2000/svg">
  <linearGradient id="stop">
    <stop offset="25%" stop-color="GrayText"/>
    <stop offset="75%" stop-color="LinkText"/>
  </linearGradient>
  <rect x="0" y="0" width="100" height="100" fill="url('#stop')"/>

  <filter id="lighting" x="0" y="0" width="100%" height="100%">
    <feDiffuseLighting in="SourceGraphic" lighting-color="LinkText">
      <fePointLight x="250" y="50" z="10"/>
    </feDiffuseLighting>
  </filter>
  <rect x="200" y="0" width="100" height="100" style="filter: url(#lighting);"/>

  <filter id="flood" x="0" y="0" width="100%" height="100%">
    <feFlood flood-color="GrayText"/>
  </filter>
  <rect x="400" y="0" width="100" height="100" style="filter: url(#flood);"/>
</svg>
