consistent styling

hypr/.config/waypaper/style.css

@@ -1,17 +1,21 @@
-/* Waypaper custom stylesheet (stowed to ~/.config/waypaper/style.css).
- * Makes the currently selected wallpaper unmissable:
- * thick Catppuccin-mocha sapphire border (#74c7ec, same as Hyprland
- * active border) + tinted fill + outer glow.
+/* Central theme: roles imported from basic/.config/themes.
+ * NOTE: waypaper loads this file via Gtk.CssProvider.load_from_data, so a
+ * relative @import would resolve against the process working directory and
+ * NOT against this file's location. The import MUST stay an absolute path.
+ * This file must use @role names only — never hardcoded colors.
+ * Makes the currently selected wallpaper unmissable: thick accent border
+ * (same role as the Hyprland active border) + tinted fill + outer glow.
  * Selector `.highlighted-button` is the official waypaper hook
  * (see waypaper docs: "Custom styles and colors"). */
+@import url("/home/mathias/.config/themes/current/theme.css");
 
 .highlighted-button {
     background-image: none;
     box-shadow: none;
-    background-color: rgba(116, 199, 236, 0.25);
-    border: 3px solid #74c7ec;
+    background-color: alpha(@accent, 0.25);
+    border: 3px solid @accent;
     border-radius: 8px;
-    box-shadow: 0 0 0 2px rgba(116, 199, 236, 0.6), 0 0 14px rgba(116, 199, 236, 0.9);
+    box-shadow: 0 0 0 2px alpha(@accent, 0.6), 0 0 14px alpha(@accent, 0.9);
 }
 
 .highlighted-button > image,
@@ -20,5 +24,5 @@
 }
 
 button:hover {
-    border-color: #74c7ec;
+    border-color: @accent;
 }