Add CSS variables for separator color and size

Author: lazaronixon

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## [Unreleased]
 - Fix default icon size from 1em to 1rem
+- Add CSS variables for separator color and size
 
 ## 3.0.1 - 2025-11-15
 - Remove debounce from filter method in command controller

lib/generators/css_zero/add/templates/app/assets/stylesheets/separator.css

@@ -1,13 +1,13 @@
 .separator {
-  background-color: var(--color-border-dark);
+  background-color: var(--sep-color, var(--color-border));
   block-size: 1px;
   flex-shrink: 0;
-  inline-size: var(--size-full);
+  inline-size: var(--sep-size, var(--size-full));
 }
 
 .separator-vertical {
-  background-color: var(--color-border-dark);
-  block-size: var(--size-full);
+  background-color: var(--sep-color, var(--color-border));
+  block-size: var(--sep-size, var(--size-full));
   flex-shrink: 0;
   inline-size: 1px;
 }