refactor: make the whole thing more generic

modules/home-manager/desktops/hyprland/ags/scss/variables.scss

@@ -0,0 +1,32 @@
+// variables are defined in options.js
+// these ones are derived from those
+
+$hover: transparentize($_widget-bg, ($widget-opacity * 0.9) / 100);
+$widget-bg: transparentize($_widget-bg, $widget-opacity / 100);
+$active-gradient: linear-gradient($accent-gradient);
+
+$hover-fg: if(
+  $color-scheme == "dark",
+  lighten($fg-color, 10%),
+  darken($fg-color, 8%)
+);
+
+$border-color: transparentize($_border-color, $border-opacity / 100);
+$border: $border-width solid $border-color;
+
+$text-shadow: 2px 2px 2px $shadow;
+
+$popover-border-color: transparentize(
+  $_border-color,
+  max(($border-opacity - 1) / 100, 0)
+);
+$popover-padding: $padding * $popover-padding-multiplier;
+$popover-radius: if($radii == 0, 0, $radii + $popover-padding);
+
+$wm-gaps: floor($spacing * $wm-gaps-multiplier);
+
+$shader-fg: #fff;
+
+* {
+  font-size: $font-size;
+}