Split border color into stable and regular

3 files changed, 9 insertions, 4 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 92c14e5..d4c2d38 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -192,7 +192,10 @@
         --fg:     fn.color(--gray --10, null), // Text
         --fg-lo:  fn.color(--gray --11, null), // Strong text
 
-        --border: iro.props-get-static(--colors --gray --5, 'palette-light'),
+        --border: (
+            --regular: fn.color(--obj, null),
+            --stable:  iro.props-get-static(--colors --gray --5, 'palette-light'),
+        ),
 
         --blue:   fn.color-palette(blend.lch(48% 50 279)),
         --purple: fn.color-palette(blend.lch(48% 50 308)),
@@ -252,7 +255,9 @@
 
 @include iro.props-store((
     --colors: (
-        --border: iro.props-get-static(--colors --gray --5, 'palette-dark'),
+        --border: (
+            --stable: iro.props-get-static(--colors --gray --5, 'palette-dark'),
+        ),
 
         --blue:   fn.color-palette(blend.lch(63% 50 279), -1),
         --purple: fn.color-palette(blend.lch(63% 50 308), -1),
diff --git a/src/_utils.scss b/src/_utils.scss
index ddf9580..3a36a2a 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -140,6 +140,6 @@ $dirs: (
     }
     
     @include iro.bem-utility('b#{$dir}-1') {
-        border#{$suffix}: 1px solid fn.global-color(--border);
+        border#{$suffix}: 1px solid fn.global-color(--border --stable);
     }
 }
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index 7c9fb57..6737a1b 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -37,7 +37,7 @@
     @include iro.props-store((
         --colors: (
             --outer-border: rgba(#000, .2),
-            --inner-border: fn.global-color(--border),
+            --inner-border: fn.global-color(--border --stable),
             --shadow:       0 .2em .5em rgba(#000, .2),
         ),
     ), 'colors');