@db-ux/core-foundations 2.0.9 → 2.1.0

package/build/styles/absolute.css

@@ -242,6 +242,10 @@ blockquote:not([class])::before, blockquote:not([class])::after {
 
 @layer variables {}
 
+@layer variables {}
+
+@layer variables {}
+
 :not([data-disable-focus=true]):is(a,
 button,
 input,
@@ -5517,122 +5521,362 @@ select,
 }
 @property --db-green-0 {
   syntax: "<color>";
-  initial-value: #051100;
+  initial-value: #041103;
   inherits: true;
 }
 @property --db-green-1 {
   syntax: "<color>";
-  initial-value: #091c00;
+  initial-value: #091c06;
   inherits: true;
 }
 @property --db-green-2 {
   syntax: "<color>";
-  initial-value: #112900;
+  initial-value: #10290b;
   inherits: true;
 }
 @property --db-green-3 {
   syntax: "<color>";
-  initial-value: #193800;
+  initial-value: #173712;
   inherits: true;
 }
 @property --db-green-4 {
   syntax: "<color>";
-  initial-value: #214600;
+  initial-value: #1f4619;
   inherits: true;
 }
 @property --db-green-5 {
   syntax: "<color>";
-  initial-value: #2a5600;
+  initial-value: #275520;
   inherits: true;
 }
 @property --db-green-6 {
   syntax: "<color>";
-  initial-value: #366b00;
+  initial-value: #336a2a;
   inherits: true;
 }
 @property --db-green-7 {
   syntax: "<color>";
-  initial-value: #458600;
+  initial-value: #428636;
   inherits: true;
 }
 @property --db-green-8 {
   syntax: "<color>";
-  initial-value: #55a300;
+  initial-value: #51a243;
   inherits: true;
 }
 @property --db-green-9 {
   syntax: "<color>";
-  initial-value: #66c100;
+  initial-value: #61c051;
   inherits: true;
 }
 @property --db-green-10 {
   syntax: "<color>";
-  initial-value: #77df00;
+  initial-value: #71de5f;
   inherits: true;
 }
 @property --db-green-11 {
   syntax: "<color>";
-  initial-value: #88fe00;
+  initial-value: #96f989;
   inherits: true;
 }
 @property --db-green-12 {
   syntax: "<color>";
-  initial-value: #bfffa3;
+  initial-value: #c7fbc2;
   inherits: true;
 }
 @property --db-green-13 {
   syntax: "<color>";
-  initial-value: #d7ffc7;
+  initial-value: #dbfcd8;
   inherits: true;
 }
 @property --db-green-14 {
   syntax: "<color>";
-  initial-value: #ecffe5;
+  initial-value: #eefeec;
   inherits: true;
 }
 @property --db-green-origin-base {
   syntax: "<color>";
-  initial-value: #83f500;
+  initial-value: #408335;
   inherits: true;
 }
 @property --db-green-origin-light-default {
   syntax: "<color>";
-  initial-value: #83f500;
+  initial-value: #408335;
   inherits: true;
 }
 @property --db-green-origin-light-hovered {
   syntax: "<color>";
-  initial-value: #61b800;
+  initial-value: #1c4116;
   inherits: true;
 }
 @property --db-green-origin-light-pressed {
   syntax: "<color>";
-  initial-value: #72d600;
+  initial-value: #316828;
   inherits: true;
 }
 @property --db-green-origin-dark-default {
   syntax: "<color>";
-  initial-value: #83f500;
+  initial-value: #408335;
   inherits: true;
 }
 @property --db-green-origin-dark-hovered {
   syntax: "<color>";
-  initial-value: #61b800;
+  initial-value: #1c4116;
   inherits: true;
 }
 @property --db-green-origin-dark-pressed {
   syntax: "<color>";
-  initial-value: #72d600;
+  initial-value: #316828;
   inherits: true;
 }
 @property --db-green-on-origin-light-default {
   syntax: "<color>";
-  initial-value: #020900;
+  initial-value: #f7fef6;
   inherits: true;
 }
 @property --db-green-on-origin-dark-default {
   syntax: "<color>";
-  initial-value: #020900;
+  initial-value: #f7fef6;
+  inherits: true;
+}
+@property --db-light-green-0 {
+  syntax: "<color>";
+  initial-value: #061100;
+  inherits: true;
+}
+@property --db-light-green-1 {
+  syntax: "<color>";
+  initial-value: #0c1b01;
+  inherits: true;
+}
+@property --db-light-green-2 {
+  syntax: "<color>";
+  initial-value: #142901;
+  inherits: true;
+}
+@property --db-light-green-3 {
+  syntax: "<color>";
+  initial-value: #1d3702;
+  inherits: true;
+}
+@property --db-light-green-4 {
+  syntax: "<color>";
+  initial-value: #264604;
+  inherits: true;
+}
+@property --db-light-green-5 {
+  syntax: "<color>";
+  initial-value: #305506;
+  inherits: true;
+}
+@property --db-light-green-6 {
+  syntax: "<color>";
+  initial-value: #3d6a09;
+  inherits: true;
+}
+@property --db-light-green-7 {
+  syntax: "<color>";
+  initial-value: #4e850f;
+  inherits: true;
+}
+@property --db-light-green-8 {
+  syntax: "<color>";
+  initial-value: #60a114;
+  inherits: true;
+}
+@property --db-light-green-9 {
+  syntax: "<color>";
+  initial-value: #72bf1a;
+  inherits: true;
+}
+@property --db-light-green-10 {
+  syntax: "<color>";
+  initial-value: #85dd20;
+  inherits: true;
+}
+@property --db-light-green-11 {
+  syntax: "<color>";
+  initial-value: #99fc26;
+  inherits: true;
+}
+@property --db-light-green-12 {
+  syntax: "<color>";
+  initial-value: #c3ff9d;
+  inherits: true;
+}
+@property --db-light-green-13 {
+  syntax: "<color>";
+  initial-value: #d9ffc4;
+  inherits: true;
+}
+@property --db-light-green-14 {
+  syntax: "<color>";
+  initial-value: #edffe4;
+  inherits: true;
+}
+@property --db-light-green-origin-base {
+  syntax: "<color>";
+  initial-value: #63a615;
+  inherits: true;
+}
+@property --db-light-green-origin-light-default {
+  syntax: "<color>";
+  initial-value: #63a615;
+  inherits: true;
+}
+@property --db-light-green-origin-light-hovered {
+  syntax: "<color>";
+  initial-value: #88e221;
+  inherits: true;
+}
+@property --db-light-green-origin-light-pressed {
+  syntax: "<color>";
+  initial-value: #75c31b;
+  inherits: true;
+}
+@property --db-light-green-origin-dark-default {
+  syntax: "<color>";
+  initial-value: #63a615;
+  inherits: true;
+}
+@property --db-light-green-origin-dark-hovered {
+  syntax: "<color>";
+  initial-value: #88e221;
+  inherits: true;
+}
+@property --db-light-green-origin-dark-pressed {
+  syntax: "<color>";
+  initial-value: #75c31b;
+  inherits: true;
+}
+@property --db-light-green-on-origin-light-default {
+  syntax: "<color>";
+  initial-value: #030900;
+  inherits: true;
+}
+@property --db-light-green-on-origin-dark-default {
+  syntax: "<color>";
+  initial-value: #030900;
+  inherits: true;
+}
+@property --db-burgundy-0 {
+  syntax: "<color>";
+  initial-value: #1e060c;
+  inherits: true;
+}
+@property --db-burgundy-1 {
+  syntax: "<color>";
+  initial-value: #2d0d14;
+  inherits: true;
+}
+@property --db-burgundy-2 {
+  syntax: "<color>";
+  initial-value: #40151f;
+  inherits: true;
+}
+@property --db-burgundy-3 {
+  syntax: "<color>";
+  initial-value: #541e2b;
+  inherits: true;
+}
+@property --db-burgundy-4 {
+  syntax: "<color>";
+  initial-value: #682837;
+  inherits: true;
+}
+@property --db-burgundy-5 {
+  syntax: "<color>";
+  initial-value: #7e3144;
+  inherits: true;
+}
+@property --db-burgundy-6 {
+  syntax: "<color>";
+  initial-value: #9c3f55;
+  inherits: true;
+}
+@property --db-burgundy-7 {
+  syntax: "<color>";
+  initial-value: #c2516c;
+  inherits: true;
+}
+@property --db-burgundy-8 {
+  syntax: "<color>";
+  initial-value: #d77187;
+  inherits: true;
+}
+@property --db-burgundy-9 {
+  syntax: "<color>";
+  initial-value: #df98a5;
+  inherits: true;
+}
+@property --db-burgundy-10 {
+  syntax: "<color>";
+  initial-value: #e8bbc3;
+  inherits: true;
+}
+@property --db-burgundy-11 {
+  syntax: "<color>";
+  initial-value: #f3dde1;
+  inherits: true;
+}
+@property --db-burgundy-12 {
+  syntax: "<color>";
+  initial-value: #f8ebed;
+  inherits: true;
+}
+@property --db-burgundy-13 {
+  syntax: "<color>";
+  initial-value: #faf2f3;
+  inherits: true;
+}
+@property --db-burgundy-14 {
+  syntax: "<color>";
+  initial-value: #fcf8f9;
+  inherits: true;
+}
+@property --db-burgundy-origin-base {
+  syntax: "<color>";
+  initial-value: #a9455d;
+  inherits: true;
+}
+@property --db-burgundy-origin-light-default {
+  syntax: "<color>";
+  initial-value: #a9455d;
+  inherits: true;
+}
+@property --db-burgundy-origin-light-hovered {
+  syntax: "<color>";
+  initial-value: #4f1c28;
+  inherits: true;
+}
+@property --db-burgundy-origin-light-pressed {
+  syntax: "<color>";
+  initial-value: #833447;
+  inherits: true;
+}
+@property --db-burgundy-origin-dark-default {
+  syntax: "<color>";
+  initial-value: #a9455d;
+  inherits: true;
+}
+@property --db-burgundy-origin-dark-hovered {
+  syntax: "<color>";
+  initial-value: #4f1c28;
+  inherits: true;
+}
+@property --db-burgundy-origin-dark-pressed {
+  syntax: "<color>";
+  initial-value: #833447;
+  inherits: true;
+}
+@property --db-burgundy-on-origin-light-default {
+  syntax: "<color>";
+  initial-value: #fcf8f9;
+  inherits: true;
+}
+@property --db-burgundy-on-origin-dark-default {
+  syntax: "<color>";
+  initial-value: #fcf8f9;
   inherits: true;
 }
 @property --db-font-family-sans {
@@ -9246,6 +9490,398 @@ strong {
     	var(--db-green-10),
     	var(--db-green-10)
     );
+    --db-light-green-origin-default: light-dark(
+    	var(--db-light-green-origin-light-default),
+    	var(--db-light-green-origin-dark-default)
+    );
+    --db-light-green-origin-hovered: light-dark(
+    	var(--db-light-green-origin-light-hovered),
+    	var(--db-light-green-origin-dark-hovered)
+    );
+    --db-light-green-origin-pressed: light-dark(
+    	var(--db-light-green-origin-light-pressed),
+    	var(--db-light-green-origin-dark-pressed)
+    );
+    --db-light-green-on-origin-default: light-dark(
+    	var(--db-light-green-on-origin-light-default),
+    	var(--db-light-green-on-origin-dark-default)
+    );
+    --db-light-green-on-bg-basic-emphasis-50-default: light-dark(
+    	var(--db-light-green-9),
+    	var(--db-light-green-5)
+    );
+    --db-light-green-on-bg-basic-emphasis-60-default: light-dark(
+    	var(--db-light-green-10),
+    	var(--db-light-green-6)
+    );
+    --db-light-green-on-bg-basic-emphasis-70-default: light-dark(
+    	var(--db-light-green-7),
+    	var(--db-light-green-8)
+    );
+    --db-light-green-on-bg-basic-emphasis-70-hovered: light-dark(
+    	var(--db-light-green-4),
+    	var(--db-light-green-10)
+    );
+    --db-light-green-on-bg-basic-emphasis-70-pressed: light-dark(
+    	var(--db-light-green-6),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-on-bg-basic-emphasis-80-default: light-dark(
+    	var(--db-light-green-6),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-on-bg-basic-emphasis-80-hovered: light-dark(
+    	var(--db-light-green-3),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-on-bg-basic-emphasis-80-pressed: light-dark(
+    	var(--db-light-green-5),
+    	var(--db-light-green-10)
+    );
+    --db-light-green-on-bg-basic-emphasis-90-default: light-dark(
+    	var(--db-light-green-4),
+    	var(--db-light-green-10)
+    );
+    --db-light-green-on-bg-basic-emphasis-90-hovered: light-dark(
+    	var(--db-light-green-0),
+    	var(--db-light-green-14)
+    );
+    --db-light-green-on-bg-basic-emphasis-90-pressed: light-dark(
+    	var(--db-light-green-3),
+    	var(--db-light-green-11)
+    );
+    --db-light-green-on-bg-basic-emphasis-100-default: light-dark(
+    	var(--db-light-green-1),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-on-bg-basic-emphasis-100-hovered: light-dark(
+    	var(--db-light-green-5),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-on-bg-basic-emphasis-100-pressed: light-dark(
+    	var(--db-light-green-2),
+    	var(--db-light-green-11)
+    );
+    --db-light-green-on-bg-inverted-default: light-dark(
+    	var(--db-light-green-14),
+    	var(--db-light-green-3)
+    );
+    --db-light-green-on-bg-inverted-hovered: light-dark(
+    	var(--db-light-green-11),
+    	var(--db-light-green-0)
+    );
+    --db-light-green-on-bg-inverted-pressed: light-dark(
+    	var(--db-light-green-13),
+    	var(--db-light-green-2)
+    );
+    --db-light-green-on-bg-vibrant-default: light-dark(
+    	var(--db-light-green-1),
+    	var(--db-light-green-1)
+    );
+    --db-light-green-on-bg-vibrant-hovered: light-dark(
+    	var(--db-light-green-4),
+    	var(--db-light-green-4)
+    );
+    --db-light-green-on-bg-vibrant-pressed: light-dark(
+    	var(--db-light-green-2),
+    	var(--db-light-green-2)
+    );
+    --db-light-green-bg-basic-level-1-default: light-dark(
+    	var(--db-light-green-14),
+    	var(--db-light-green-1)
+    );
+    --db-light-green-bg-basic-level-1-hovered: light-dark(
+    	var(--db-light-green-13),
+    	var(--db-light-green-3)
+    );
+    --db-light-green-bg-basic-level-1-pressed: light-dark(
+    	var(--db-light-green-12),
+    	var(--db-light-green-4)
+    );
+    --db-light-green-bg-basic-level-2-default: light-dark(
+    	var(--db-light-green-13),
+    	var(--db-light-green-2)
+    );
+    --db-light-green-bg-basic-level-2-hovered: light-dark(
+    	var(--db-light-green-12),
+    	var(--db-light-green-4)
+    );
+    --db-light-green-bg-basic-level-2-pressed: light-dark(
+    	var(--db-light-green-11),
+    	var(--db-light-green-5)
+    );
+    --db-light-green-bg-basic-level-3-default: light-dark(
+    	var(--db-light-green-12),
+    	var(--db-light-green-3)
+    );
+    --db-light-green-bg-basic-level-3-hovered: light-dark(
+    	var(--db-light-green-11),
+    	var(--db-light-green-1)
+    );
+    --db-light-green-bg-basic-level-3-pressed: light-dark(
+    	var(--db-light-green-10),
+    	var(--db-light-green-0)
+    );
+    --db-light-green-bg-basic-transparent-full-default: light-dark(
+    	color-mix(in srgb, transparent 100%, var(--db-light-green-6)),
+    	color-mix(in srgb, transparent 100%, var(--db-light-green-9))
+    );
+    --db-light-green-bg-basic-transparent-semi-default: light-dark(
+    	color-mix(in srgb, transparent 92%, var(--db-light-green-6)),
+    	color-mix(in srgb, transparent 84%, var(--db-light-green-9))
+    );
+    --db-light-green-bg-basic-transparent-hovered: light-dark(
+    	color-mix(in srgb, transparent 76%, var(--db-light-green-6)),
+    	color-mix(in srgb, transparent 76%, var(--db-light-green-9))
+    );
+    --db-light-green-bg-basic-transparent-pressed: light-dark(
+    	color-mix(in srgb, transparent 68%, var(--db-light-green-6)),
+    	color-mix(in srgb, transparent 68%, var(--db-light-green-9))
+    );
+    --db-light-green-bg-inverted-contrast-max-default: light-dark(
+    	var(--db-light-green-1),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-bg-inverted-contrast-max-hovered: light-dark(
+    	var(--db-light-green-5),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-bg-inverted-contrast-max-pressed: light-dark(
+    	var(--db-light-green-2),
+    	var(--db-light-green-11)
+    );
+    --db-light-green-bg-inverted-contrast-high-default: light-dark(
+    	var(--db-light-green-6),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-bg-inverted-contrast-high-hovered: light-dark(
+    	var(--db-light-green-2),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-bg-inverted-contrast-high-pressed: light-dark(
+    	var(--db-light-green-5),
+    	var(--db-light-green-10)
+    );
+    --db-light-green-bg-inverted-contrast-low-default: light-dark(
+    	var(--db-light-green-7),
+    	var(--db-light-green-8)
+    );
+    --db-light-green-bg-inverted-contrast-low-hovered: light-dark(
+    	var(--db-light-green-3),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-bg-inverted-contrast-low-pressed: light-dark(
+    	var(--db-light-green-6),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-bg-vibrant-default: light-dark(
+    	var(--db-light-green-9),
+    	var(--db-light-green-9)
+    );
+    --db-light-green-bg-vibrant-hovered: light-dark(
+    	var(--db-light-green-12),
+    	var(--db-light-green-12)
+    );
+    --db-light-green-bg-vibrant-pressed: light-dark(
+    	var(--db-light-green-10),
+    	var(--db-light-green-10)
+    );
+    --db-burgundy-origin-default: light-dark(
+    	var(--db-burgundy-origin-light-default),
+    	var(--db-burgundy-origin-dark-default)
+    );
+    --db-burgundy-origin-hovered: light-dark(
+    	var(--db-burgundy-origin-light-hovered),
+    	var(--db-burgundy-origin-dark-hovered)
+    );
+    --db-burgundy-origin-pressed: light-dark(
+    	var(--db-burgundy-origin-light-pressed),
+    	var(--db-burgundy-origin-dark-pressed)
+    );
+    --db-burgundy-on-origin-default: light-dark(
+    	var(--db-burgundy-on-origin-light-default),
+    	var(--db-burgundy-on-origin-dark-default)
+    );
+    --db-burgundy-on-bg-basic-emphasis-50-default: light-dark(
+    	var(--db-burgundy-9),
+    	var(--db-burgundy-5)
+    );
+    --db-burgundy-on-bg-basic-emphasis-60-default: light-dark(
+    	var(--db-burgundy-10),
+    	var(--db-burgundy-6)
+    );
+    --db-burgundy-on-bg-basic-emphasis-70-default: light-dark(
+    	var(--db-burgundy-7),
+    	var(--db-burgundy-8)
+    );
+    --db-burgundy-on-bg-basic-emphasis-70-hovered: light-dark(
+    	var(--db-burgundy-4),
+    	var(--db-burgundy-10)
+    );
+    --db-burgundy-on-bg-basic-emphasis-70-pressed: light-dark(
+    	var(--db-burgundy-6),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-on-bg-basic-emphasis-80-default: light-dark(
+    	var(--db-burgundy-6),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-on-bg-basic-emphasis-80-hovered: light-dark(
+    	var(--db-burgundy-3),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-on-bg-basic-emphasis-80-pressed: light-dark(
+    	var(--db-burgundy-5),
+    	var(--db-burgundy-10)
+    );
+    --db-burgundy-on-bg-basic-emphasis-90-default: light-dark(
+    	var(--db-burgundy-4),
+    	var(--db-burgundy-10)
+    );
+    --db-burgundy-on-bg-basic-emphasis-90-hovered: light-dark(
+    	var(--db-burgundy-0),
+    	var(--db-burgundy-14)
+    );
+    --db-burgundy-on-bg-basic-emphasis-90-pressed: light-dark(
+    	var(--db-burgundy-3),
+    	var(--db-burgundy-11)
+    );
+    --db-burgundy-on-bg-basic-emphasis-100-default: light-dark(
+    	var(--db-burgundy-1),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-on-bg-basic-emphasis-100-hovered: light-dark(
+    	var(--db-burgundy-5),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-on-bg-basic-emphasis-100-pressed: light-dark(
+    	var(--db-burgundy-2),
+    	var(--db-burgundy-11)
+    );
+    --db-burgundy-on-bg-inverted-default: light-dark(
+    	var(--db-burgundy-14),
+    	var(--db-burgundy-3)
+    );
+    --db-burgundy-on-bg-inverted-hovered: light-dark(
+    	var(--db-burgundy-11),
+    	var(--db-burgundy-0)
+    );
+    --db-burgundy-on-bg-inverted-pressed: light-dark(
+    	var(--db-burgundy-13),
+    	var(--db-burgundy-2)
+    );
+    --db-burgundy-on-bg-vibrant-default: light-dark(
+    	var(--db-burgundy-1),
+    	var(--db-burgundy-1)
+    );
+    --db-burgundy-on-bg-vibrant-hovered: light-dark(
+    	var(--db-burgundy-4),
+    	var(--db-burgundy-4)
+    );
+    --db-burgundy-on-bg-vibrant-pressed: light-dark(
+    	var(--db-burgundy-2),
+    	var(--db-burgundy-2)
+    );
+    --db-burgundy-bg-basic-level-1-default: light-dark(
+    	var(--db-burgundy-14),
+    	var(--db-burgundy-1)
+    );
+    --db-burgundy-bg-basic-level-1-hovered: light-dark(
+    	var(--db-burgundy-13),
+    	var(--db-burgundy-3)
+    );
+    --db-burgundy-bg-basic-level-1-pressed: light-dark(
+    	var(--db-burgundy-12),
+    	var(--db-burgundy-4)
+    );
+    --db-burgundy-bg-basic-level-2-default: light-dark(
+    	var(--db-burgundy-13),
+    	var(--db-burgundy-2)
+    );
+    --db-burgundy-bg-basic-level-2-hovered: light-dark(
+    	var(--db-burgundy-12),
+    	var(--db-burgundy-4)
+    );
+    --db-burgundy-bg-basic-level-2-pressed: light-dark(
+    	var(--db-burgundy-11),
+    	var(--db-burgundy-5)
+    );
+    --db-burgundy-bg-basic-level-3-default: light-dark(
+    	var(--db-burgundy-12),
+    	var(--db-burgundy-3)
+    );
+    --db-burgundy-bg-basic-level-3-hovered: light-dark(
+    	var(--db-burgundy-11),
+    	var(--db-burgundy-1)
+    );
+    --db-burgundy-bg-basic-level-3-pressed: light-dark(
+    	var(--db-burgundy-10),
+    	var(--db-burgundy-0)
+    );
+    --db-burgundy-bg-basic-transparent-full-default: light-dark(
+    	color-mix(in srgb, transparent 100%, var(--db-burgundy-6)),
+    	color-mix(in srgb, transparent 100%, var(--db-burgundy-9))
+    );
+    --db-burgundy-bg-basic-transparent-semi-default: light-dark(
+    	color-mix(in srgb, transparent 92%, var(--db-burgundy-6)),
+    	color-mix(in srgb, transparent 84%, var(--db-burgundy-9))
+    );
+    --db-burgundy-bg-basic-transparent-hovered: light-dark(
+    	color-mix(in srgb, transparent 76%, var(--db-burgundy-6)),
+    	color-mix(in srgb, transparent 76%, var(--db-burgundy-9))
+    );
+    --db-burgundy-bg-basic-transparent-pressed: light-dark(
+    	color-mix(in srgb, transparent 68%, var(--db-burgundy-6)),
+    	color-mix(in srgb, transparent 68%, var(--db-burgundy-9))
+    );
+    --db-burgundy-bg-inverted-contrast-max-default: light-dark(
+    	var(--db-burgundy-1),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-bg-inverted-contrast-max-hovered: light-dark(
+    	var(--db-burgundy-5),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-bg-inverted-contrast-max-pressed: light-dark(
+    	var(--db-burgundy-2),
+    	var(--db-burgundy-11)
+    );
+    --db-burgundy-bg-inverted-contrast-high-default: light-dark(
+    	var(--db-burgundy-6),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-bg-inverted-contrast-high-hovered: light-dark(
+    	var(--db-burgundy-2),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-bg-inverted-contrast-high-pressed: light-dark(
+    	var(--db-burgundy-5),
+    	var(--db-burgundy-10)
+    );
+    --db-burgundy-bg-inverted-contrast-low-default: light-dark(
+    	var(--db-burgundy-7),
+    	var(--db-burgundy-8)
+    );
+    --db-burgundy-bg-inverted-contrast-low-hovered: light-dark(
+    	var(--db-burgundy-3),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-bg-inverted-contrast-low-pressed: light-dark(
+    	var(--db-burgundy-6),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-bg-vibrant-default: light-dark(
+    	var(--db-burgundy-9),
+    	var(--db-burgundy-9)
+    );
+    --db-burgundy-bg-vibrant-hovered: light-dark(
+    	var(--db-burgundy-12),
+    	var(--db-burgundy-12)
+    );
+    --db-burgundy-bg-vibrant-pressed: light-dark(
+    	var(--db-burgundy-10),
+    	var(--db-burgundy-10)
+    );
   }
 }
 /* Document