1 files changed, 32 insertions, 0 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index eb20836..303da35 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -293,6 +293,38 @@
 
 //
 
+@include iro.props-store((
+    --colors: (
+        --gray: fn.gray-palette(12%, true),
+    ),
+), 'palette-media');
+
+@include iro.props-store((
+    --colors: (
+        --border: (
+            --stable:    iro.props-get-static(--colors --gray --5, 'palette-media'),
+            --stable-lo: iro.props-get-static(--colors --gray --6, 'palette-media'),
+        ),
+
+        --blue:   fn.color-palette(blend.lch(63% 50 279), -1),
+        --purple: fn.color-palette(blend.lch(63% 50 308), -1),
+        --red:    fn.color-palette(blend.lch(63% 50 23), -1),
+        --green:  fn.color-palette(blend.lch(78% 50 147), -1),
+        --yellow: fn.color-palette(blend.lch(88% 50 70), -1),
+
+        --accent: (
+            --primary:      iro.props-ref('colors-media', --colors --blue),
+            --error:        iro.props-ref('colors-media', --colors --red),
+            --success:      iro.props-ref('colors-media', --colors --green),
+            --warning:      iro.props-ref('colors-media', --colors --yellow),
+            --link-idle:    iro.props-ref('colors-media', --colors --blue),
+            --link-visited: iro.props-ref('colors-media', --colors --purple),
+        ),
+    )
+), 'colors-media');
+
+//
+
 @each $breakpoint in map-keys(media.$breakpoints) {
     @include media.media('<=#{$breakpoint}') {
         @include iro.props-store((