@cognite/aura 0.1.7 → 0.2.0

package/dist/colors.css

@@ -7,7 +7,6 @@
   --color-accent-background-strong: var(--accent-background-strong);
   --color-active-background: var(--active-background);
   --color-active-background-hover: var(--active-background-hover);
-  --color-active-foreground: var(--active-foreground);
   --color-active-muted-background: var(--active-muted-background);
   --color-active-muted-background-hover: var(--active-muted-background-hover);
   --color-alternate-background: var(--alternate-background);
@@ -59,60 +58,91 @@
   --color-border: var(--border);
   --color-border-active: var(--border-active);
   --color-border-emphasized: var(--border-emphasized);
+  --color-border-fixed-light: var(--border-fixed-light);
   --color-border-on-dark: var(--border-on-dark);
   --color-card-background: var(--card-background);
-  --color-chart-aurora-opacity-1: var(--chart-aurora-opacity-1);
-  --color-chart-aurora-opacity-2: var(--chart-aurora-opacity-2);
-  --color-chart-aurora-opacity-3: var(--chart-aurora-opacity-3);
-  --color-chart-aurora-opacity-4: var(--chart-aurora-opacity-4);
-  --color-chart-aurora-opacity-5: var(--chart-aurora-opacity-5);
-  --color-chart-aurora-solid: var(--chart-aurora-solid);
-  --color-chart-dusk-opacity-1: var(--chart-dusk-opacity-1);
-  --color-chart-dusk-opacity-2: var(--chart-dusk-opacity-2);
-  --color-chart-dusk-opacity-3: var(--chart-dusk-opacity-3);
-  --color-chart-dusk-opacity-4: var(--chart-dusk-opacity-4);
-  --color-chart-dusk-opacity-5: var(--chart-dusk-opacity-5);
-  --color-chart-dusk-solid: var(--chart-dusk-solid);
-  --color-chart-fjord-opacity-1: var(--chart-fjord-opacity-1);
-  --color-chart-fjord-opacity-2: var(--chart-fjord-opacity-2);
-  --color-chart-fjord-opacity-3: var(--chart-fjord-opacity-3);
-  --color-chart-fjord-opacity-4: var(--chart-fjord-opacity-4);
-  --color-chart-fjord-opacity-5: var(--chart-fjord-opacity-5);
-  --color-chart-fjord-solid: var(--chart-fjord-solid);
+  --color-chart-aurora-color-1: var(--chart-aurora-color-1);
+  --color-chart-aurora-color-2: var(--chart-aurora-color-2);
+  --color-chart-aurora-color-3: var(--chart-aurora-color-3);
+  --color-chart-aurora-color-4: var(--chart-aurora-color-4);
+  --color-chart-aurora-color-5: var(--chart-aurora-color-5);
+  --color-chart-aurora-color-6: var(--chart-aurora-color-6);
+  --color-chart-dusk-color-1: var(--chart-dusk-color-1);
+  --color-chart-dusk-color-2: var(--chart-dusk-color-2);
+  --color-chart-dusk-color-3: var(--chart-dusk-color-3);
+  --color-chart-dusk-color-4: var(--chart-dusk-color-4);
+  --color-chart-dusk-color-5: var(--chart-dusk-color-5);
+  --color-chart-dusk-color-6: var(--chart-dusk-color-6);
+  --color-chart-destructive-color-1: var(--chart-destructive-color-1);
+  --color-chart-destructive-color-2: var(--chart-destructive-color-2);
+  --color-chart-destructive-color-3: var(--chart-destructive-color-3);
+  --color-chart-destructive-color-4: var(--chart-destructive-color-4);
+  --color-chart-destructive-color-5: var(--chart-destructive-color-5);
+  --color-chart-destructive-color-6: var(--chart-destructive-color-6);
+  --color-chart-fjord-color-1: var(--chart-fjord-color-1);
+  --color-chart-fjord-color-2: var(--chart-fjord-color-2);
+  --color-chart-fjord-color-3: var(--chart-fjord-color-3);
+  --color-chart-fjord-color-4: var(--chart-fjord-color-4);
+  --color-chart-fjord-color-5: var(--chart-fjord-color-5);
+  --color-chart-fjord-color-6: var(--chart-fjord-color-6);
   --color-chart-gridlines: var(--chart-gridlines);
-  --color-chart-nordic-opacity-1: var(--chart-nordic-opacity-1);
-  --color-chart-nordic-opacity-2: var(--chart-nordic-opacity-2);
-  --color-chart-nordic-opacity-3: var(--chart-nordic-opacity-3);
-  --color-chart-nordic-opacity-4: var(--chart-nordic-opacity-4);
-  --color-chart-nordic-opacity-5: var(--chart-nordic-opacity-5);
-  --color-chart-nordic-solid: var(--chart-nordic-solid);
-  --color-chart-orange-opacity-1: var(--chart-orange-opacity-1);
-  --color-chart-orange-opacity-2: var(--chart-orange-opacity-2);
-  --color-chart-orange-opacity-3: var(--chart-orange-opacity-3);
-  --color-chart-orange-opacity-4: var(--chart-orange-opacity-4);
-  --color-chart-orange-opacity-5: var(--chart-orange-opacity-5);
-  --color-chart-orange-solid: var(--chart-orange-solid);
-  --color-decorative-aurora-background: var(--decorative-aurora-background);
-  --color-decorative-dusk-background: var(--decorative-dusk-background);
-  --color-decorative-fjord-background: var(--decorative-fjord-background);
-  --color-decorative-aurora-background-hover: var(--decorative-aurora-background-hover);
-  --color-decorative-dusk-background-hover: var(--decorative-dusk-background-hover);
-  --color-decorative-fjord-background-hover: var(--decorative-fjord-background-hover);
-  --color-decorative-mountain-background-hover: var(--decorative-mountain-background-hover);
-  --color-background-hover: var(--background-hover);
-  --color-decorative-orange-background-hover: var(--decorative-orange-background-hover);
-  --color-decorative-sky-background-hover: var(--decorative-sky-background-hover);
-  --color-decorative-mountain-background: var(--decorative-mountain-background);
-  --color-decorative-nordic-background: var(--decorative-nordic-background);
-  --color-decorative-orange-background: var(--decorative-orange-background);
-  --color-decorative-sky-background: var(--decorative-sky-background);
-  --color-decorative-aurora-foreground: var(--decorative-aurora-foreground);
-  --color-decorative-dusk-foreground: var(--decorative-dusk-foreground);
-  --color-decorative-fjord-foreground: var(--decorative-fjord-foreground);
-  --color-decorative-mountain-foreground: var(--decorative-mountain-foreground);
-  --color-decorative-nordic-foreground: var(--decorative-nordic-foreground);
-  --color-decorative-orange-foreground: var(--decorative-orange-foreground);
-  --color-decorative-sky-foreground: var(--decorative-sky-foreground);
+  --color-chart-info-color-1: var(--chart-info-color-1);
+  --color-chart-info-color-2: var(--chart-info-color-2);
+  --color-chart-info-color-3: var(--chart-info-color-3);
+  --color-chart-info-color-4: var(--chart-info-color-4);
+  --color-chart-info-color-5: var(--chart-info-color-5);
+  --color-chart-info-color-6: var(--chart-info-color-6);
+  --color-chart-neutral-color-1: var(--chart-neutral-color-1);
+  --color-chart-neutral-color-2: var(--chart-neutral-color-2);
+  --color-chart-neutral-color-3: var(--chart-neutral-color-3);
+  --color-chart-neutral-color-4: var(--chart-neutral-color-4);
+  --color-chart-neutral-color-5: var(--chart-neutral-color-5);
+  --color-chart-neutral-color-6: var(--chart-neutral-color-6);
+  --color-chart-nordic-color-1: var(--chart-nordic-color-1);
+  --color-chart-nordic-color-2: var(--chart-nordic-color-2);
+  --color-chart-nordic-color-3: var(--chart-nordic-color-3);
+  --color-chart-nordic-color-4: var(--chart-nordic-color-4);
+  --color-chart-nordic-color-5: var(--chart-nordic-color-5);
+  --color-chart-nordic-color-6: var(--chart-nordic-color-6);
+  --color-chart-orange-color-1: var(--chart-orange-color-1);
+  --color-chart-orange-color-2: var(--chart-orange-color-2);
+  --color-chart-orange-color-3: var(--chart-orange-color-3);
+  --color-chart-orange-color-4: var(--chart-orange-color-4);
+  --color-chart-orange-color-5: var(--chart-orange-color-5);
+  --color-chart-orange-color-6: var(--chart-orange-color-6);
+  --color-chart-success-color-1: var(--chart-success-color-1);
+  --color-chart-success-color-2: var(--chart-success-color-2);
+  --color-chart-success-color-3: var(--chart-success-color-3);
+  --color-chart-success-color-4: var(--chart-success-color-4);
+  --color-chart-success-color-5: var(--chart-success-color-5);
+  --color-chart-success-color-6: var(--chart-success-color-6);
+  --color-chart-warning-color-1: var(--chart-warning-color-1);
+  --color-chart-warning-color-2: var(--chart-warning-color-2);
+  --color-chart-warning-color-3: var(--chart-warning-color-3);
+  --color-chart-warning-color-4: var(--chart-warning-color-4);
+  --color-chart-warning-color-5: var(--chart-warning-color-5);
+  --color-chart-warning-color-6: var(--chart-warning-color-6);
+  --color-decorative-background-aurora: var(--decorative-background-aurora);
+  --color-decorative-background-dusk: var(--decorative-background-dusk);
+  --color-decorative-background-fjord: var(--decorative-background-fjord);
+  --color-decorative-background-aurora-hover: var(--decorative-background-aurora-hover);
+  --color-decorative-background-dusk-hover: var(--decorative-background-dusk-hover);
+  --color-decorative-background-fjord-hover: var(--decorative-background-fjord-hover);
+  --color-decorative-background-mountain-hover: var(--decorative-background-mountain-hover);
+  --color-decorative-background-nordic-hover: var(--decorative-background-nordic-hover);
+  --color-decorative-background-orange-hover: var(--decorative-background-orange-hover);
+  --color-decorative-background-sky-hover: var(--decorative-background-sky-hover);
+  --color-decorative-background-mountain: var(--decorative-background-mountain);
+  --color-decorative-background-nordic: var(--decorative-background-nordic);
+  --color-decorative-background-orange: var(--decorative-background-orange);
+  --color-decorative-background-sky: var(--decorative-background-sky);
+  --color-decorative-foreground-aurora: var(--decorative-foreground-aurora);
+  --color-decorative-foreground-dusk: var(--decorative-foreground-dusk);
+  --color-decorative-foreground-fjord: var(--decorative-foreground-fjord);
+  --color-decorative-foreground-mountain: var(--decorative-foreground-mountain);
+  --color-decorative-foreground-nordic: var(--decorative-foreground-nordic);
+  --color-decorative-foreground-orange: var(--decorative-foreground-orange);
+  --color-decorative-foreground-sky: var(--decorative-foreground-sky);
   --color-destructive-background: var(--destructive-background);
   --color-destructive-background-hover: var(--destructive-background-hover);
   --color-destructive-foreground: var(--destructive-foreground);
@@ -135,10 +165,6 @@
   --color-dusk-800: var(--dusk-800);
   --color-dusk-900: var(--dusk-900);
   --color-dusk-950: var(--dusk-950);
-  --color-effect-shadow-lg: var(--effect-shadow-lg);
-  --color-effect-shadow-md: var(--effect-shadow-md);
-  --color-effect-shadow-sm: var(--effect-shadow-sm);
-  --color-effect-shadow-xl: var(--effect-shadow-xl);
   --color-fjord-100: var(--fjord-100);
   --color-fjord-200: var(--fjord-200);
   --color-fjord-300: var(--fjord-300);
@@ -158,7 +184,6 @@
   --color-foreground-fixed-light: var(--foreground-fixed-light);
   --color-foreground-on-active: var(--foreground-on-active);
   --color-foreground-on-primary: var(--foreground-on-primary);
-  --color-foreground-on-toggled: var(--foreground-on-toggled);
   --color-foreground-secondary-fixed-dark: var(--foreground-secondary-fixed-dark);
   --color-gray-100: var(--gray-100);
   --color-gray-200: var(--gray-200);
@@ -188,14 +213,12 @@
   --color-green-800: var(--green-800);
   --color-green-900: var(--green-900);
   --color-green-950: var(--green-950);
-  --color-highlight-background: var(--highlight-background);
-  --color-highlight-background-strong: var(--highlight-background-strong);
-  --color-inactive-foreground: var(--inactive-foreground);
   --color-info-background: var(--info-background);
   --color-info-background-hover: var(--info-background-hover);
   --color-info-foreground: var(--info-foreground);
   --color-info-foreground-on-info: var(--info-foreground-on-info);
   --color-info-muted-background: var(--info-muted-background);
+  --color-input-active-background: var(--input-active-background);
   --color-link-foreground: var(--link-foreground);
   --color-mountain-10: var(--mountain-10);
   --color-mountain-100: var(--mountain-100);
@@ -219,7 +242,7 @@
   --color-muted-foreground-fixed-light: var(--muted-foreground-fixed-light);
   --color-neutral-background: var(--neutral-background);
   --color-neutral-background-hover: var(--neutral-background-hover);
-  --color-info-foreground: var(--info-foreground);
+  --color-neutral-foreground: var(--neutral-foreground);
   --color-neutral-foreground-on-neutral: var(--neutral-foreground-on-neutral);
   --color-neutral-muted-background: var(--neutral-muted-background);
   --color-nordic-100: var(--nordic-100);
@@ -294,8 +317,8 @@
   --color-red-900: var(--red-900);
   --color-red-950: var(--red-950);
   --color-ring: var(--ring);
-  --color-ring-critical: var(--ring-critical);
-  --color-ring-critical-shadow: var(--ring-critical-shadow);
+  --color-ring-destructive: var(--ring-destructive);
+  --color-ring-destructive-muted: var(--ring-destructive-muted);
   --color-ring-muted: var(--ring-muted);
   --color-secondary-background: var(--secondary-background);
   --color-secondary-background-hover: var(--secondary-background-hover);
@@ -471,6 +494,16 @@
   --nordic-800: rgb(10, 55, 45);
   --nordic-900: rgb(7, 41, 34);
   --nordic-950: rgb(4, 21, 17);
+  --opacity-10: rgba(255, 255, 255, 0.1);
+  --opacity-10-inverted: rgba(0, 0, 0, 0.1);
+  --opacity-20: rgba(255, 255, 255, 0.2);
+  --opacity-20-inverted: rgba(0, 0, 0, 0.2);
+  --opacity-40: rgba(255, 255, 255, 0.4);
+  --opacity-40-inverted: rgba(0, 0, 0, 0.4);
+  --opacity-60: rgba(255, 255, 255, 0.6);
+  --opacity-60-inverted: rgba(0, 0, 0, 0.6);
+  --opacity-80: rgba(255, 255, 255, 0.8);
+  --opacity-80-inverted: rgba(0, 0, 0, 0.8);
   --orange-100: rgb(253, 224, 207);
   --orange-200: rgb(252, 205, 176);
   --orange-300: rgb(251, 174, 126);
@@ -541,13 +574,180 @@
   --yellow-800: rgb(55, 49, 0);
   --yellow-900: rgb(41, 36, 0);
   --yellow-950: rgb(21, 18, 0);
+  --amber-alpha-50: rgba(175, 123, 0, 0.1);
+  --amber-alpha-100: rgba(175, 123, 0, 0.2);
+  --amber-alpha-200: rgba(175, 123, 0, 0.32);
+  --amber-alpha-300: rgba(175, 123, 0, 0.5);
+  --amber-alpha-400: rgba(175, 123, 0, 0.68);
+  --amber-alpha-450: rgba(175, 123, 0, 0.88);
+  --amber-alpha-600: rgba(155, 109, 0, 0.85);
+  --amber-alpha-650: rgba(155, 109, 0, 0.7);
+  --amber-alpha-700: rgba(155, 109, 0, 0.55);
+  --amber-alpha-800: rgba(155, 109, 0, 0.4);
+  --amber-alpha-900: rgba(155, 109, 0, 0.25);
+  --amber-alpha-950: rgba(155, 109, 0, 0.1);
+  --aurora-alpha-50: rgba(100, 146, 16, 0.1);
+  --aurora-alpha-100: rgba(100, 146, 16, 0.2);
+  --aurora-alpha-200: rgba(100, 146, 16, 0.32);
+  --aurora-alpha-300: rgba(100, 146, 16, 0.5);
+  --aurora-alpha-400: rgba(100, 146, 16, 0.68);
+  --aurora-alpha-450: rgba(100, 146, 16, 0.88);
+  --aurora-alpha-600: rgba(88, 129, 14, 0.85);
+  --aurora-alpha-650: rgba(88, 129, 14, 0.7);
+  --aurora-alpha-700: rgba(88, 129, 14, 0.55);
+  --aurora-alpha-800: rgba(88, 129, 14, 0.4);
+  --aurora-alpha-900: rgba(88, 129, 14, 0.25);
+  --aurora-alpha-950: rgba(88, 129, 14, 0.1);
+  --blue-alpha-50: rgba(0, 134, 237, 0.1);
+  --blue-alpha-100: rgba(0, 134, 237, 0.2);
+  --blue-alpha-200: rgba(0, 134, 237, 0.32);
+  --blue-alpha-300: rgba(0, 134, 237, 0.5);
+  --blue-alpha-400: rgba(0, 134, 237, 0.68);
+  --blue-alpha-450: rgba(0, 134, 237, 0.88);
+  --blue-alpha-600: rgba(0, 119, 210, 0.85);
+  --blue-alpha-650: rgba(0, 119, 210, 0.7);
+  --blue-alpha-700: rgba(0, 119, 210, 0.55);
+  --blue-alpha-800: rgba(0, 119, 210, 0.4);
+  --blue-alpha-900: rgba(0, 119, 210, 0.25);
+  --blue-alpha-950: rgba(0, 119, 210, 0.1);
+  --dusk-alpha-50: rgba(183, 101, 196, 0.1);
+  --dusk-alpha-100: rgba(183, 101, 196, 0.2);
+  --dusk-alpha-200: rgba(183, 101, 196, 0.32);
+  --dusk-alpha-300: rgba(183, 101, 196, 0.5);
+  --dusk-alpha-400: rgba(183, 101, 196, 0.68);
+  --dusk-alpha-450: rgba(183, 101, 196, 0.88);
+  --dusk-alpha-600: rgba(173, 78, 187, 0.85);
+  --dusk-alpha-650: rgba(173, 78, 187, 0.7);
+  --dusk-alpha-700: rgba(173, 78, 187, 0.55);
+  --dusk-alpha-800: rgba(173, 78, 187, 0.4);
+  --dusk-alpha-900: rgba(173, 78, 187, 0.25);
+  --dusk-alpha-950: rgba(173, 78, 187, 0.1);
+  --fjord-alpha-50: rgba(95, 125, 239, 0.1);
+  --fjord-alpha-100: rgba(95, 125, 239, 0.2);
+  --fjord-alpha-200: rgba(95, 125, 239, 0.32);
+  --fjord-alpha-300: rgba(95, 125, 239, 0.5);
+  --fjord-alpha-400: rgba(95, 125, 239, 0.68);
+  --fjord-alpha-450: rgba(95, 125, 239, 0.88);
+  --fjord-alpha-600: rgba(72, 106, 237, 0.85);
+  --fjord-alpha-650: rgba(72, 106, 237, 0.7);
+  --fjord-alpha-700: rgba(72, 106, 237, 0.55);
+  --fjord-alpha-800: rgba(72, 106, 237, 0.4);
+  --fjord-alpha-900: rgba(72, 106, 237, 0.25);
+  --fjord-alpha-950: rgba(72, 106, 237, 0.1);
+  --gray-alpha-50: rgba(112, 129, 199, 0.1);
+  --gray-alpha-100: rgba(112, 129, 199, 0.2);
+  --gray-alpha-200: rgba(112, 129, 199, 0.32);
+  --gray-alpha-300: rgba(112, 129, 199, 0.5);
+  --gray-alpha-400: rgba(112, 129, 199, 0.68);
+  --gray-alpha-450: rgba(112, 129, 199, 0.88);
+  --gray-alpha-600: rgba(93, 112, 192, 0.85);
+  --gray-alpha-650: rgba(93, 112, 192, 0.7);
+  --gray-alpha-700: rgba(93, 112, 192, 0.55);
+  --gray-alpha-800: rgba(93, 112, 192, 0.4);
+  --gray-alpha-900: rgba(93, 112, 192, 0.25);
+  --gray-alpha-950: rgba(93, 112, 192, 0.1);
+  --green-alpha-50: rgba(28, 152, 74, 0.1);
+  --green-alpha-100: rgba(28, 152, 74, 0.2);
+  --green-alpha-200: rgba(28, 152, 74, 0.32);
+  --green-alpha-300: rgba(28, 152, 74, 0.5);
+  --green-alpha-400: rgba(28, 152, 74, 0.68);
+  --green-alpha-450: rgba(28, 152, 74, 0.88);
+  --green-alpha-600: rgba(25, 135, 65, 0.85);
+  --green-alpha-650: rgba(25, 135, 65, 0.7);
+  --green-alpha-700: rgba(25, 135, 65, 0.55);
+  --green-alpha-800: rgba(25, 135, 65, 0.4);
+  --green-alpha-900: rgba(25, 135, 65, 0.25);
+  --green-alpha-950: rgba(25, 135, 65, 0.1);
+  --mountain-alpha-50: rgba(124, 134, 142, 0.1);
+  --mountain-alpha-100: rgba(124, 134, 142, 0.2);
+  --mountain-alpha-200: rgba(124, 134, 142, 0.32);
+  --mountain-alpha-300: rgba(124, 134, 142, 0.5);
+  --mountain-alpha-400: rgba(124, 134, 142, 0.68);
+  --mountain-alpha-450: rgba(124, 134, 142, 0.88);
+  --mountain-alpha-600: rgba(124, 134, 142, 0.85);
+  --mountain-alpha-650: rgba(124, 134, 142, 0.7);
+  --mountain-alpha-700: rgba(124, 134, 142, 0.55);
+  --mountain-alpha-800: rgba(124, 134, 142, 0.4);
+  --mountain-alpha-900: rgba(124, 134, 142, 0.25);
+  --mountain-alpha-950: rgba(124, 134, 142, 0.1);
+  --nordic-alpha-50: rgba(26, 150, 122, 0.1);
+  --nordic-alpha-100: rgba(26, 150, 122, 0.2);
+  --nordic-alpha-200: rgba(26, 150, 122, 0.32);
+  --nordic-alpha-300: rgba(26, 150, 122, 0.5);
+  --nordic-alpha-400: rgba(26, 150, 122, 0.68);
+  --nordic-alpha-450: rgba(26, 150, 122, 0.88);
+  --nordic-alpha-600: rgba(23, 132, 108, 0.85);
+  --nordic-alpha-650: rgba(23, 132, 108, 0.7);
+  --nordic-alpha-700: rgba(23, 132, 108, 0.55);
+  --nordic-alpha-800: rgba(23, 132, 108, 0.4);
+  --nordic-alpha-900: rgba(23, 132, 108, 0.25);
+  --nordic-alpha-950: rgba(23, 132, 108, 0.1);
+  --orange-alpha-50: rgba(225, 90, 7, 0.1);
+  --orange-alpha-100: rgba(225, 90, 7, 0.2);
+  --orange-alpha-200: rgba(225, 90, 7, 0.32);
+  --orange-alpha-300: rgba(225, 90, 7, 0.5);
+  --orange-alpha-400: rgba(225, 90, 7, 0.68);
+  --orange-alpha-450: rgba(225, 90, 7, 0.88);
+  --orange-alpha-600: rgba(199, 80, 6, 0.85);
+  --orange-alpha-650: rgba(199, 80, 6, 0.7);
+  --orange-alpha-700: rgba(199, 80, 6, 0.55);
+  --orange-alpha-800: rgba(199, 80, 6, 0.4);
+  --orange-alpha-900: rgba(199, 80, 6, 0.25);
+  --orange-alpha-950: rgba(199, 80, 6, 0.1);
+  --pink-alpha-50: rgba(233, 68, 135, 0.1);
+  --pink-alpha-100: rgba(233, 68, 135, 0.2);
+  --pink-alpha-200: rgba(233, 68, 135, 0.32);
+  --pink-alpha-300: rgba(233, 68, 135, 0.5);
+  --pink-alpha-400: rgba(233, 68, 135, 0.68);
+  --pink-alpha-450: rgba(233, 68, 135, 0.88);
+  --pink-alpha-600: rgba(225, 26, 106, 0.85);
+  --pink-alpha-650: rgba(225, 26, 106, 0.7);
+  --pink-alpha-700: rgba(225, 26, 106, 0.55);
+  --pink-alpha-800: rgba(225, 26, 106, 0.4);
+  --pink-alpha-900: rgba(225, 26, 106, 0.25);
+  --pink-alpha-950: rgba(225, 26, 106, 0.1);
+  --red-alpha-50: rgba(244, 61, 92, 0.1);
+  --red-alpha-100: rgba(244, 61, 92, 0.2);
+  --red-alpha-200: rgba(244, 61, 92, 0.32);
+  --red-alpha-300: rgba(244, 61, 92, 0.5);
+  --red-alpha-400: rgba(244, 61, 92, 0.68);
+  --red-alpha-450: rgba(244, 61, 92, 0.88);
+  --red-alpha-600: rgba(233, 13, 50, 0.85);
+  --red-alpha-650: rgba(233, 13, 50, 0.7);
+  --red-alpha-700: rgba(233, 13, 50, 0.55);
+  --red-alpha-800: rgba(233, 13, 50, 0.4);
+  --red-alpha-900: rgba(233, 13, 50, 0.25);
+  --red-alpha-950: rgba(233, 13, 50, 0.1);
+  --sky-alpha-50: rgba(2, 144, 182, 0.1);
+  --sky-alpha-100: rgba(2, 144, 182, 0.2);
+  --sky-alpha-200: rgba(2, 144, 182, 0.32);
+  --sky-alpha-300: rgba(2, 144, 182, 0.5);
+  --sky-alpha-400: rgba(2, 144, 182, 0.68);
+  --sky-alpha-450: rgba(2, 144, 182, 0.88);
+  --sky-alpha-600: rgba(1, 127, 161, 0.85);
+  --sky-alpha-650: rgba(1, 127, 161, 0.7);
+  --sky-alpha-700: rgba(1, 127, 161, 0.55);
+  --sky-alpha-800: rgba(1, 127, 161, 0.4);
+  --sky-alpha-900: rgba(1, 127, 161, 0.25);
+  --sky-alpha-950: rgba(1, 127, 161, 0.1);
+  --yellow-alpha-50: rgba(150, 133, 0, 0.1);
+  --yellow-alpha-100: rgba(150, 133, 0, 0.2);
+  --yellow-alpha-200: rgba(150, 133, 0, 0.32);
+  --yellow-alpha-300: rgba(150, 133, 0, 0.5);
+  --yellow-alpha-400: rgba(150, 133, 0, 0.68);
+  --yellow-alpha-450: rgba(150, 133, 0, 0.88);
+  --yellow-alpha-600: rgba(133, 118, 0, 0.85);
+  --yellow-alpha-650: rgba(133, 118, 0, 0.7);
+  --yellow-alpha-700: rgba(133, 118, 0, 0.55);
+  --yellow-alpha-800: rgba(133, 118, 0, 0.4);
+  --yellow-alpha-900: rgba(133, 118, 0, 0.25);
+  --yellow-alpha-950: rgba(133, 118, 0, 0.1);
 
   --accent-background: var(--mountain-50);
   --accent-background-fixed-dark: var(--mountain-800);
   --accent-background-strong: var(--mountain-100);
   --active-background: var(--mountain-950);
   --active-background-hover: var(--mountain-800);
-  --active-foreground: var(--mountain-950);
   --active-muted-background: var(--mountain-50);
   --active-muted-background-hover: var(--mountain-100);
   --alternate-background: var(--mountain-10);
@@ -557,60 +757,91 @@
   --border: var(--mountain-100);
   --border-active: var(--mountain-950);
   --border-emphasized: var(--mountain-200);
+  --border-fixed-light: var(--mountain-100);
   --border-on-dark: var(--mountain-800);
   --card-background: var(--mountain-10);
-  --chart-aurora-opacity-1: rgba(129, 188, 20, 0.8);
-  --chart-aurora-opacity-2: rgba(129, 188, 20, 0.65);
-  --chart-aurora-opacity-3: rgba(129, 188, 20, 0.5);
-  --chart-aurora-opacity-4: rgba(129, 188, 20, 0.35);
-  --chart-aurora-opacity-5: rgba(129, 188, 20, 0.2);
-  --chart-aurora-solid: var(--aurora-450);
-  --chart-dusk-opacity-1: rgba(183, 101, 196, 0.8);
-  --chart-dusk-opacity-2: rgba(183, 101, 196, 0.65);
-  --chart-dusk-opacity-3: rgba(183, 101, 196, 0.5);
-  --chart-dusk-opacity-4: rgba(183, 101, 196, 0.35);
-  --chart-dusk-opacity-5: rgba(183, 101, 196, 0.2);
-  --chart-dusk-solid: var(--dusk-500);
-  --chart-fjord-opacity-1: rgba(72, 106, 237, 0.8);
-  --chart-fjord-opacity-2: rgba(72, 106, 237, 0.65);
-  --chart-fjord-opacity-3: rgba(72, 106, 237, 0.5);
-  --chart-fjord-opacity-4: rgba(72, 106, 237, 0.35);
-  --chart-fjord-opacity-5: rgba(72, 106, 237, 0.2);
-  --chart-fjord-solid: var(--fjord-550);
+  --chart-aurora-color-1: var(--aurora-alpha-450);
+  --chart-aurora-color-2: var(--aurora-alpha-400);
+  --chart-aurora-color-3: var(--aurora-alpha-300);
+  --chart-aurora-color-4: var(--aurora-alpha-200);
+  --chart-aurora-color-5: var(--aurora-alpha-100);
+  --chart-aurora-color-6: var(--aurora-alpha-50);
+  --chart-dusk-color-1: var(--dusk-alpha-450);
+  --chart-dusk-color-2: var(--dusk-alpha-400);
+  --chart-dusk-color-3: var(--dusk-alpha-300);
+  --chart-dusk-color-4: var(--dusk-alpha-200);
+  --chart-dusk-color-5: var(--dusk-alpha-100);
+  --chart-dusk-color-6: var(--dusk-alpha-50);
+  --chart-destructive-color-1: var(--red-alpha-450);
+  --chart-destructive-color-2: var(--red-alpha-400);
+  --chart-destructive-color-3: var(--red-alpha-300);
+  --chart-destructive-color-4: var(--red-alpha-200);
+  --chart-destructive-color-5: var(--red-alpha-100);
+  --chart-destructive-color-6: var(--red-alpha-50);
+  --chart-fjord-color-1: var(--fjord-alpha-450);
+  --chart-fjord-color-2: var(--fjord-alpha-400);
+  --chart-fjord-color-3: var(--fjord-alpha-300);
+  --chart-fjord-color-4: var(--fjord-alpha-200);
+  --chart-fjord-color-5: var(--fjord-alpha-100);
+  --chart-fjord-color-6: var(--fjord-alpha-50);
   --chart-gridlines: var(--mountain-100);
-  --chart-nordic-opacity-1: rgba(33, 192, 157, 0.8);
-  --chart-nordic-opacity-2: rgba(33, 192, 157, 0.65);
-  --chart-nordic-opacity-3: rgba(33, 192, 157, 0.5);
-  --chart-nordic-opacity-4: rgba(33, 192, 157, 0.35);
-  --chart-nordic-opacity-5: rgba(33, 192, 157, 0.2);
-  --chart-nordic-solid: var(--nordic-400);
-  --chart-orange-opacity-1: rgba(249, 143, 78, 0.8);
-  --chart-orange-opacity-2: rgba(249, 143, 78, 0.65);
-  --chart-orange-opacity-3: rgba(249, 143, 78, 0.5);
-  --chart-orange-opacity-4: rgba(249, 143, 78, 0.35);
-  --chart-orange-opacity-5: rgba(249, 143, 78, 0.2);
-  --chart-orange-solid: var(--orange-400);
-  --decorative-aurora-background: var(--aurora-100);
-  --decorative-dusk-background: var(--dusk-200);
-  --decorative-fjord-background: var(--fjord-200);
-  --decorative-aurora-background-hover: var(--aurora-200);
-  --decorative-dusk-background-hover: var(--dusk-300);
-  --decorative-fjord-background-hover: var(--fjord-300);
-  --decorative-mountain-background-hover: var(--mountain-200);
-  --background-hover: var(--nordic-200);
-  --decorative-orange-background-hover: var(--orange-300);
-  --decorative-sky-background-hover: var(--sky-200);
-  --decorative-mountain-background: var(--mountain-100);
-  --decorative-nordic-background: var(--nordic-100);
-  --decorative-orange-background: var(--orange-200);
-  --decorative-sky-background: var(--sky-100);
-  --decorative-aurora-foreground: var(--aurora-700);
-  --decorative-dusk-foreground: var(--dusk-700);
-  --decorative-fjord-foreground: var(--fjord-700);
-  --decorative-mountain-foreground: var(--mountain-800);
-  --decorative-nordic-foreground: var(--nordic-700);
-  --decorative-orange-foreground: var(--orange-700);
-  --decorative-sky-foreground: var(--sky-700);
+  --chart-info-color-1: var(--gray-alpha-450);
+  --chart-info-color-2: var(--gray-alpha-400);
+  --chart-info-color-3: var(--gray-alpha-300);
+  --chart-info-color-4: var(--gray-alpha-200);
+  --chart-info-color-5: var(--gray-alpha-100);
+  --chart-info-color-6: var(--gray-alpha-50);
+  --chart-neutral-color-1: var(--mountain-alpha-450);
+  --chart-neutral-color-2: var(--mountain-alpha-400);
+  --chart-neutral-color-3: var(--mountain-alpha-300);
+  --chart-neutral-color-4: var(--mountain-alpha-200);
+  --chart-neutral-color-5: var(--mountain-alpha-100);
+  --chart-neutral-color-6: var(--mountain-alpha-50);
+  --chart-nordic-color-1: var(--nordic-alpha-450);
+  --chart-nordic-color-2: var(--nordic-alpha-400);
+  --chart-nordic-color-3: var(--nordic-alpha-300);
+  --chart-nordic-color-4: var(--nordic-alpha-200);
+  --chart-nordic-color-5: var(--nordic-alpha-100);
+  --chart-nordic-color-6: var(--nordic-alpha-50);
+  --chart-orange-color-1: var(--orange-alpha-450);
+  --chart-orange-color-2: var(--orange-alpha-400);
+  --chart-orange-color-3: var(--orange-alpha-300);
+  --chart-orange-color-4: var(--orange-alpha-200);
+  --chart-orange-color-5: var(--orange-alpha-100);
+  --chart-orange-color-6: var(--orange-alpha-50);
+  --chart-success-color-1: var(--green-alpha-450);
+  --chart-success-color-2: var(--green-alpha-400);
+  --chart-success-color-3: var(--green-alpha-300);
+  --chart-success-color-4: var(--green-alpha-200);
+  --chart-success-color-5: var(--green-alpha-100);
+  --chart-success-color-6: var(--green-alpha-50);
+  --chart-warning-color-1: var(--amber-alpha-450);
+  --chart-warning-color-2: var(--amber-alpha-400);
+  --chart-warning-color-3: var(--amber-alpha-300);
+  --chart-warning-color-4: var(--amber-alpha-200);
+  --chart-warning-color-5: var(--amber-alpha-100);
+  --chart-warning-color-6: var(--amber-alpha-50);
+  --decorative-background-aurora: var(--aurora-100);
+  --decorative-background-dusk: var(--dusk-200);
+  --decorative-background-fjord: var(--fjord-200);
+  --decorative-background-aurora-hover: var(--aurora-200);
+  --decorative-background-dusk-hover: var(--dusk-300);
+  --decorative-background-fjord-hover: var(--fjord-300);
+  --decorative-background-mountain-hover: var(--mountain-200);
+  --decorative-background-nordic-hover: var(--nordic-200);
+  --decorative-background-orange-hover: var(--orange-300);
+  --decorative-background-sky-hover: var(--sky-200);
+  --decorative-background-mountain: var(--mountain-100);
+  --decorative-background-nordic: var(--nordic-100);
+  --decorative-background-orange: var(--orange-200);
+  --decorative-background-sky: var(--sky-100);
+  --decorative-foreground-aurora: var(--aurora-700);
+  --decorative-foreground-dusk: var(--dusk-700);
+  --decorative-foreground-fjord: var(--fjord-700);
+  --decorative-foreground-mountain: var(--mountain-800);
+  --decorative-foreground-nordic: var(--nordic-700);
+  --decorative-foreground-orange: var(--orange-700);
+  --decorative-foreground-sky: var(--sky-700);
   --destructive-background: var(--red-200);
   --destructive-background-hover: var(--red-300);
   --destructive-foreground: var(--red-600);
@@ -618,54 +849,37 @@
   --destructive-muted-background: var(--red-100);
   --destructive-muted-background-hover: var(--red-200);
   --disabled-background: var(--mountain-50);
-  --disabled-foreground: var(--mountain-300);
-  --effect-shadow-lg: rgba(0, 0, 0, 0.06);
-  --effect-shadow-md: rgba(0, 0, 0, 0.05);
-  --effect-shadow-sm: rgba(0, 0, 0, 0.04);
-  --effect-shadow-xl: rgba(0, 0, 0, 0.1);
+  --disabled-foreground: var(--mountain-200);
   --foreground: var(--mountain-950);
   --foreground-fixed-dark: var(--mountain-950);
   --foreground-fixed-light: var(--mountain-white);
   --foreground-on-active: var(--mountain-50);
   --foreground-on-primary: var(--mountain-50);
-  --foreground-on-toggled: var(--gray-700);
   --foreground-secondary-fixed-dark: var(--mountain-700);
-  --highlight-background: var(--mountain-50);
-  --highlight-background-strong: var(--mountain-100);
-  --inactive-foreground: var(--mountain-450);
   --info-background: var(--gray-200);
   --info-background-hover: var(--gray-300);
   --info-foreground: var(--gray-600);
   --info-foreground-on-info: var(--gray-700);
   --info-muted-background: var(--gray-100);
+  --input-active-background: var(--mountain-10);
   --link-foreground: var(--fjord-550);
   --muted-background: var(--mountain-50);
-  --muted-foreground: var(--mountain-550);
+  --muted-foreground: var(--mountain-500);
   --muted-foreground-fixed-light: var(--mountain-300);
   --neutral-background: var(--mountain-100);
   --neutral-background-hover: var(--mountain-200);
   --neutral-foreground: var(--mountain-650);
   --neutral-foreground-on-neutral: var(--mountain-700);
   --neutral-muted-background: var(--mountain-50);
-  --opacity-10: rgba(255, 255, 255, 0.1);
-  --opacity-10-inverted: rgba(17, 18, 19, 0.1);
-  --opacity-20: rgba(255, 255, 255, 0.2);
-  --opacity-20-inverted: rgba(17, 18, 19, 0.2);
-  --opacity-40: rgba(255, 255, 255, 0.4);
-  --opacity-40-inverted: rgba(17, 18, 19, 0.4);
-  --opacity-60: rgba(255, 255, 255, 0.6);
-  --opacity-60-inverted: rgba(17, 18, 19, 0.6);
-  --opacity-80: rgba(255, 255, 255, 0.8);
-  --opacity-80-inverted: rgba(17, 18, 19, 0.8);
-  --overlay-background: rgba(2, 6, 23, 0.2);
+  --overlay-background: var(--mountain-alpha-300);
   --popover-background: var(--mountain-white);
   --primary-background: var(--mountain-900);
   --primary-background-hover: var(--mountain-700);
   --raised-background: var(--mountain-800);
   --ring: var(--gray-500);
-  --ring-critical: var(--red-500);
-  --ring-critical-shadow: var(--red-300);
-  --ring-muted: var(--gray-300);
+  --ring-destructive: var(--red-600);
+  --ring-destructive-muted: var(--red-100);
+  --ring-muted: var(--gray-200);
   --secondary-background: var(--mountain-100);
   --secondary-background-hover: var(--mountain-200);
   --secondary-foreground: var(--mountain-700);
@@ -677,7 +891,7 @@
   --success-muted-background: var(--green-50);
   --warning-background: var(--amber-100);
   --warning-background-hover: var(--amber-200);
-  --warning-foreground: var(--amber-400);
+  --warning-foreground: var(--amber-450);
   --warning-foreground-on-warning: var(--amber-650);
   --warning-muted-background: var(--amber-50);
 }
@@ -688,7 +902,6 @@
   --accent-background-strong: var(--mountain-700);
   --active-background: var(--mountain-10);
   --active-background-hover: var(--mountain-50);
-  --active-foreground: var(--mountain-50);
   --active-muted-background: var(--mountain-800);
   --active-muted-background-hover: var(--mountain-700);
   --alternate-background: var(--mountain-black);
@@ -698,60 +911,91 @@
   --border: var(--mountain-800);
   --border-active: var(--mountain-10);
   --border-emphasized: var(--mountain-700);
+  --border-fixed-light: var(--mountain-100);
   --border-on-dark: var(--mountain-800);
   --card-background: var(--mountain-900);
-  --chart-aurora-opacity-1: rgba(129, 188, 20, 0.8);
-  --chart-aurora-opacity-2: rgba(129, 188, 20, 0.65);
-  --chart-aurora-opacity-3: rgba(129, 188, 20, 0.5);
-  --chart-aurora-opacity-4: rgba(129, 188, 20, 0.35);
-  --chart-aurora-opacity-5: rgba(129, 188, 20, 0.2);
-  --chart-aurora-solid: var(--aurora-450);
-  --chart-dusk-opacity-1: rgba(192, 120, 203, 0.8);
-  --chart-dusk-opacity-2: rgba(192, 120, 203, 0.65);
-  --chart-dusk-opacity-3: rgba(192, 120, 203, 0.5);
-  --chart-dusk-opacity-4: rgba(192, 120, 203, 0.35);
-  --chart-dusk-opacity-5: rgba(192, 120, 203, 0.2);
-  --chart-dusk-solid: var(--dusk-450);
-  --chart-fjord-opacity-1: rgba(72, 106, 237, 0.8);
-  --chart-fjord-opacity-2: rgba(72, 106, 237, 0.65);
-  --chart-fjord-opacity-3: rgba(72, 106, 237, 0.5);
-  --chart-fjord-opacity-4: rgba(72, 106, 237, 0.35);
-  --chart-fjord-opacity-5: rgba(72, 106, 237, 0.2);
-  --chart-fjord-solid: var(--fjord-550);
+  --chart-aurora-color-1: var(--aurora-alpha-600);
+  --chart-aurora-color-2: var(--aurora-alpha-650);
+  --chart-aurora-color-3: var(--aurora-alpha-700);
+  --chart-aurora-color-4: var(--aurora-alpha-800);
+  --chart-aurora-color-5: var(--aurora-alpha-900);
+  --chart-aurora-color-6: var(--aurora-alpha-950);
+  --chart-dusk-color-1: var(--dusk-alpha-600);
+  --chart-dusk-color-2: var(--dusk-alpha-650);
+  --chart-dusk-color-3: var(--dusk-alpha-700);
+  --chart-dusk-color-4: var(--dusk-alpha-800);
+  --chart-dusk-color-5: var(--dusk-alpha-900);
+  --chart-dusk-color-6: var(--dusk-alpha-950);
+  --chart-destructive-color-1: var(--red-alpha-600);
+  --chart-destructive-color-2: var(--red-alpha-650);
+  --chart-destructive-color-3: var(--red-alpha-700);
+  --chart-destructive-color-4: var(--red-alpha-800);
+  --chart-destructive-color-5: var(--red-alpha-900);
+  --chart-destructive-color-6: var(--red-alpha-950);
+  --chart-fjord-color-1: var(--fjord-alpha-600);
+  --chart-fjord-color-2: var(--fjord-alpha-650);
+  --chart-fjord-color-3: var(--fjord-alpha-700);
+  --chart-fjord-color-4: var(--fjord-alpha-800);
+  --chart-fjord-color-5: var(--fjord-alpha-900);
+  --chart-fjord-color-6: var(--fjord-alpha-950);
   --chart-gridlines: var(--mountain-800);
-  --chart-nordic-opacity-1: rgba(28, 165, 135, 0.8);
-  --chart-nordic-opacity-2: rgba(28, 165, 135, 0.65);
-  --chart-nordic-opacity-3: rgba(28, 165, 135, 0.5);
-  --chart-nordic-opacity-4: rgba(28, 165, 135, 0.35);
-  --chart-nordic-opacity-5: rgba(28, 165, 135, 0.2);
-  --chart-nordic-solid: var(--nordic-450);
-  --chart-orange-opacity-1: rgba(225, 90, 7, 0.8);
-  --chart-orange-opacity-2: rgba(225, 90, 7, 0.65);
-  --chart-orange-opacity-3: rgba(225, 90, 7, 0.5);
-  --chart-orange-opacity-4: rgba(225, 90, 7, 0.35);
-  --chart-orange-opacity-5: rgba(225, 90, 7, 0.2);
-  --chart-orange-solid: var(--orange-500);
-  --decorative-aurora-background: var(--aurora-100);
-  --decorative-dusk-background: var(--dusk-300);
-  --decorative-fjord-background: var(--fjord-300);
-  --decorative-aurora-background-hover: var(--aurora-50);
-  --decorative-dusk-background-hover: var(--dusk-200);
-  --decorative-fjord-background-hover: var(--fjord-200);
-  --decorative-mountain-background-hover: var(--mountain-650);
-  --background-hover: var(--nordic-100);
-  --decorative-orange-background-hover: var(--orange-200);
-  --decorative-sky-background-hover: var(--sky-100);
-  --decorative-mountain-background: var(--mountain-700);
-  --decorative-nordic-background: var(--nordic-200);
-  --decorative-orange-background: var(--orange-300);
-  --decorative-sky-background: var(--sky-200);
-  --decorative-aurora-foreground: var(--aurora-800);
-  --decorative-dusk-foreground: var(--dusk-800);
-  --decorative-fjord-foreground: var(--fjord-800);
-  --decorative-mountain-foreground: var(--mountain-200);
-  --decorative-nordic-foreground: var(--nordic-800);
-  --decorative-orange-foreground: var(--orange-800);
-  --decorative-sky-foreground: var(--sky-800);
+  --chart-info-color-1: var(--gray-alpha-600);
+  --chart-info-color-2: var(--gray-alpha-650);
+  --chart-info-color-3: var(--gray-alpha-700);
+  --chart-info-color-4: var(--gray-alpha-800);
+  --chart-info-color-5: var(--gray-alpha-900);
+  --chart-info-color-6: var(--gray-alpha-950);
+  --chart-neutral-color-1: var(--mountain-alpha-600);
+  --chart-neutral-color-2: var(--mountain-alpha-650);
+  --chart-neutral-color-3: var(--mountain-alpha-700);
+  --chart-neutral-color-4: var(--mountain-alpha-800);
+  --chart-neutral-color-5: var(--mountain-alpha-900);
+  --chart-neutral-color-6: var(--mountain-alpha-950);
+  --chart-nordic-color-1: var(--nordic-alpha-600);
+  --chart-nordic-color-2: var(--nordic-alpha-650);
+  --chart-nordic-color-3: var(--nordic-alpha-700);
+  --chart-nordic-color-4: var(--nordic-alpha-800);
+  --chart-nordic-color-5: var(--nordic-alpha-900);
+  --chart-nordic-color-6: var(--nordic-alpha-950);
+  --chart-orange-color-1: var(--orange-alpha-600);
+  --chart-orange-color-2: var(--orange-alpha-650);
+  --chart-orange-color-3: var(--orange-alpha-700);
+  --chart-orange-color-4: var(--orange-alpha-800);
+  --chart-orange-color-5: var(--orange-alpha-900);
+  --chart-orange-color-6: var(--orange-alpha-950);
+  --chart-success-color-1: var(--green-alpha-600);
+  --chart-success-color-2: var(--green-alpha-650);
+  --chart-success-color-3: var(--green-alpha-700);
+  --chart-success-color-4: var(--green-alpha-800);
+  --chart-success-color-5: var(--green-alpha-900);
+  --chart-success-color-6: var(--green-alpha-950);
+  --chart-warning-color-1: var(--amber-alpha-600);
+  --chart-warning-color-2: var(--amber-alpha-650);
+  --chart-warning-color-3: var(--amber-alpha-700);
+  --chart-warning-color-4: var(--amber-alpha-800);
+  --chart-warning-color-5: var(--amber-alpha-900);
+  --chart-warning-color-6: var(--amber-alpha-950);
+  --decorative-background-aurora: var(--aurora-100);
+  --decorative-background-dusk: var(--dusk-300);
+  --decorative-background-fjord: var(--fjord-300);
+  --decorative-background-aurora-hover: var(--aurora-50);
+  --decorative-background-dusk-hover: var(--dusk-200);
+  --decorative-background-fjord-hover: var(--fjord-200);
+  --decorative-background-mountain-hover: var(--mountain-650);
+  --decorative-background-nordic-hover: var(--nordic-100);
+  --decorative-background-orange-hover: var(--orange-200);
+  --decorative-background-sky-hover: var(--sky-100);
+  --decorative-background-mountain: var(--mountain-700);
+  --decorative-background-nordic: var(--nordic-200);
+  --decorative-background-orange: var(--orange-300);
+  --decorative-background-sky: var(--sky-200);
+  --decorative-foreground-aurora: var(--aurora-800);
+  --decorative-foreground-dusk: var(--dusk-800);
+  --decorative-foreground-fjord: var(--fjord-800);
+  --decorative-foreground-mountain: var(--mountain-200);
+  --decorative-foreground-nordic: var(--nordic-800);
+  --decorative-foreground-orange: var(--orange-800);
+  --decorative-foreground-sky: var(--sky-800);
   --destructive-background: var(--red-300);
   --destructive-background-hover: var(--red-200);
   --destructive-foreground: var(--red-450);
@@ -760,25 +1004,18 @@
   --destructive-muted-background-hover: var(--mountain-700);
   --disabled-background: var(--mountain-800);
   --disabled-foreground: var(--mountain-600);
-  --effect-shadow-lg: rgba(0, 0, 0, 0.4);
-  --effect-shadow-md: rgba(0, 0, 0, 0.3);
-  --effect-shadow-sm: rgba(0, 0, 0, 0.2);
-  --effect-shadow-xl: rgba(0, 0, 0, 0.6);
   --foreground: var(--mountain-50);
   --foreground-fixed-dark: var(--mountain-950);
   --foreground-fixed-light: var(--mountain-white);
   --foreground-on-active: var(--mountain-950);
   --foreground-on-primary: var(--mountain-950);
-  --foreground-on-toggled: var(--gray-50);
   --foreground-secondary-fixed-dark: var(--mountain-700);
-  --highlight-background: var(--mountain-800);
-  --highlight-background-strong: var(--mountain-700);
-  --inactive-foreground: var(--mountain-500);
   --info-background: var(--gray-300);
   --info-background-hover: var(--gray-200);
   --info-foreground: var(--gray-400);
   --info-foreground-on-info: var(--gray-900);
   --info-muted-background: var(--mountain-800);
+  --input-active-background: var(--mountain-900);
   --link-foreground: var(--fjord-450);
   --muted-background: var(--mountain-800);
   --muted-foreground: var(--mountain-400);
@@ -788,25 +1025,15 @@
   --neutral-foreground: var(--mountain-400);
   --neutral-foreground-on-neutral: var(--mountain-800);
   --neutral-muted-background: var(--mountain-800);
-  --opacity-10: rgba(17, 18, 19, 0.1);
-  --opacity-10-inverted: rgba(255, 255, 255, 0.1);
-  --opacity-20: rgba(17, 18, 19, 0.2);
-  --opacity-20-inverted: rgba(255, 255, 255, 0.2);
-  --opacity-40: rgba(17, 18, 19, 0.4);
-  --opacity-40-inverted: rgba(255, 255, 255, 0.4);
-  --opacity-60: rgba(17, 18, 19, 0.6);
-  --opacity-60-inverted: rgba(255, 255, 255, 0.6);
-  --opacity-80: rgba(17, 18, 19, 0.8);
-  --opacity-80-inverted: rgba(255, 255, 255, 0.8);
-  --overlay-background: rgba(226, 232, 240, 0.2);
+  --overlay-background: var(--mountain-alpha-300);
   --popover-background: var(--mountain-900);
   --primary-background: var(--mountain-10);
   --primary-background-hover: var(--mountain-100);
   --raised-background: var(--mountain-700);
   --ring: var(--gray-500);
-  --ring-critical: var(--red-500);
-  --ring-critical-shadow: var(--red-300);
-  --ring-muted: var(--gray-300);
+  --ring-destructive: var(--red-450);
+  --ring-destructive-muted: var(--red-900);
+  --ring-muted: var(--gray-800);
   --secondary-background: var(--mountain-700);
   --secondary-background-hover: var(--mountain-600);
   --secondary-foreground: var(--mountain-200);