/*
    THE HORIZON PROFILE'S OWN STYLESHEET.

    Everything Components/Shared/HorizonChart.razor needs and nothing else.

    THE FILLED AREA IS "SKY THAT IS BLOCKED", so it reads as an obstruction rather than as a trend.
    It takes the module fill rather than the accent: amber is the product's one chromatic colour and
    belongs to actions, and a skyline is data. Alpha rather than a second token, so the grid stays
    readable through it in both themes.
*/

.sv-horizon__area {
  fill: var(--sv-module);
  fill-opacity: 0.28;
  stroke: none;
}