/* Backgrounds — Design Manual 4.2 / 4.3.
   The standard background is ALWAYS the linear Growth-to-Vision gradient.
   The 12 patterned variants are shipped as raster assets in assets/backgrounds/. */
:root{
--gradient-brand:linear-gradient(135deg,var(--watt-growth) 0%,var(--watt-vision) 100%);
--gradient-brand-horizontal:linear-gradient(90deg,var(--watt-growth) 0%,var(--watt-vision) 100%);
--gradient-brand-vertical:linear-gradient(180deg,var(--watt-growth) 0%,var(--watt-vision) 100%);
--gradient-brand-reverse:linear-gradient(135deg,var(--watt-vision) 0%,var(--watt-growth) 100%);
--gradient-growth:linear-gradient(135deg,#f2ff7a 0%,var(--watt-growth) 100%);
--gradient-vision:linear-gradient(135deg,#c9defc 0%,var(--watt-vision) 100%);
--gradient-scrim-bottom:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 100%); /* @kind color */
--gradient-scrim-top:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 100%); /* @kind color */

--bg-linear-16x9:url("../assets/backgrounds/WATT_Background_Linear_16to9.png");
--bg-linear-1x1:url("../assets/backgrounds/WATT_Background_Linear_1to1.png");
--bg-linear-9x16:url("../assets/backgrounds/WATT_Background_Linear_9to16.png");
--bg-pattern-mixed-1:url("../assets/backgrounds/WATT_Background_Pattern_1.png");
--bg-pattern-mixed-2:url("../assets/backgrounds/WATT_Background_Pattern_2.png");
--bg-pattern-mixed-3:url("../assets/backgrounds/WATT_Background_Pattern_3.png");
--bg-pattern-mixed-4:url("../assets/backgrounds/WATT_Background_Pattern_4.png");
--bg-pattern-growth-1:url("../assets/backgrounds/WATT_Background_Pattern_5.png");
--bg-pattern-growth-2:url("../assets/backgrounds/WATT_Background_Pattern_6.png");
--bg-pattern-growth-3:url("../assets/backgrounds/WATT_Background_Pattern_7.png");
--bg-pattern-growth-4:url("../assets/backgrounds/WATT_Background_Pattern_8.png");
--bg-pattern-vision-1:url("../assets/backgrounds/WATT_Background_Pattern_9.png");
--bg-pattern-vision-2:url("../assets/backgrounds/WATT_Background_Pattern_10.png");
--bg-pattern-vision-3:url("../assets/backgrounds/WATT_Background_Pattern_11.png");
--bg-pattern-vision-4:url("../assets/backgrounds/WATT_Background_Pattern_12.png");
}