@designsystem-se/af 39.2.3-beta.darkmode.1 → 39.3.0-beta.darkmode.1

package/dist/collection/components/_calendar/calendar-datepicker/calendar-datepicker.css

@@ -11,7 +11,6 @@ License: none (public domain)
   --digi--grayscale--400: #dddddd;
   --digi--grayscale--50: #fbfbfb;
   --digi--grayscale--500: #cacaca;
-  --digi--grayscale--550: #c5c5c5;
   --digi--grayscale--600: #acacac;
   --digi--grayscale--650: #9c9c9c;
   --digi--grayscale--700: #757575;
@@ -26,11 +25,14 @@ License: none (public domain)
   --digi--grayscale--950: #212121;
   --digi--grayscale--975: #171717;
   --digi--grayscale--990: #0d0d0d;
+  --digi--misc--dropshadow-light: #000000b2;
   --digi--misc--transparent: #ffffff00;
   --digi--sentiment--error--200: #fdeded;
+  --digi--sentiment--error--400: #eb0000;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
   --digi--sentiment--informative--200: #e9e9ff;
+  --digi--sentiment--informative--400: #296df5;
   --digi--sentiment--informative--500: #0a4dd1;
   --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--success--200: #e9f6ec;
@@ -399,11 +401,9 @@ License: none (public domain)
   --digi--color--background--interactive--default--pop-out--light--af18: var(--digi--color--leaf--100);
   --digi--color--background--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
   --digi--color--background--interactive--default--primary-inverted--light--af18: var(--digi--color--leaf--500);
-  --digi--color--background--interactive--default--quaternary--light--af18: var(--digi--grayscale--100);
   --digi--color--background--interactive--default--secondary--light--af18: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--tertiary--light--af18: var(--digi--grayscale--200);
   --digi--color--background--interactive--default--transparent--light--af18: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--light--af18: var(--digi--misc--transparent);
   --digi--color--background--interactive--hover--inverted--light--af18: var(--digi--color--pear--500);
   --digi--color--background--interactive--hover--primary--light--af18: var(--digi--color--water--700);
   --digi--color--background--interactive--hover--quarternary--light--af18: var(--digi--grayscale--200);
@@ -411,8 +411,8 @@ License: none (public domain)
   --digi--color--background--interactive--hover--tertiary--light--af18: var(--digi--color--sapphire--500);
   --digi--color--background--interactive--selected--on-menu-minus-button--light--af18: var(--digi--color--leaf--200);
   --digi--color--background--interactive--selected--primary--light--af18: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--light--af18: var(--digi--sentiment--success--500);
   --digi--color--background--interactive--selected--secondary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--background--interactive--selected--secondary-2-hypotes--light--af18: var(--digi--color--stratos--500);
   --digi--color--background--interactive--selected--tertiary--light--af18: var(--digi--grayscale--200);
   --digi--color--background--interactive--validation--error--light--af18: var(--digi--sentiment--error--200);
   --digi--color--background--interactive--validation--success--light--af18: var(--digi--sentiment--success--200);
@@ -421,10 +421,8 @@ License: none (public domain)
   --digi--color--background--pop-out--light--af18: var(--digi--color--leaf--100);
   --digi--color--background--pop-out-2-hypotes--light--af18: var(--digi--color--water--200);
   --digi--color--background--primary--light--af18: var(--digi--grayscale--0);
-  --digi--color--background--primary-elevated--light--af18: var(--digi--grayscale--0);
   --digi--color--background--secondary--light--af18: var(--digi--grayscale--100);
   --digi--color--background--secondary-accent--light--af18: var(--digi--grayscale--400);
-  --digi--color--background--secondary-elevated--light--af18: var(--digi--grayscale--100);
   --digi--color--background--secondary-muted--light--af18: var(--digi--grayscale--50);
   --digi--color--background--sentiment--beta--primary--light--af18: var(--digi--color--rose--500);
   --digi--color--background--sentiment--beta--secondary--light--af18: var(--digi--color--rose--100);
@@ -453,7 +451,7 @@ License: none (public domain)
   --digi--color--border--interactive--default--on-input--light--af18: var(--digi--grayscale--900);
   --digi--color--border--interactive--default--on-input-nuance--light--af18: var(--digi--grayscale--800);
   --digi--color--border--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--border--interactive--default--secondary--light--af18: var(--digi--grayscale--100);
+  --digi--color--border--interactive--default--secondary--light--af18: var(--digi--grayscale--200);
   --digi--color--border--interactive--hover--inverted--light--af18: var(--digi--color--pear--500);
   --digi--color--border--interactive--hover--primary--light--af18: var(--digi--color--water--700);
   --digi--color--border--interactive--hover--secondary--light--af18: var(--digi--color--stratos--500);
@@ -472,7 +470,12 @@ License: none (public domain)
   --digi--color--divider--on-brand-primary--light--af18: var(--digi--color--stratos--400);
   --digi--color--divider--primary--light--af18: var(--digi--grayscale--400);
   --digi--color--divider--secondary--light--af18: var(--digi--grayscale--200);
-  --digi--color--divider--tertiary-hypotes--light--af18: var(--digi--grayscale--400);
+  --digi--color--graphic--infographic--background--light--af18: var(--digi--grayscale--0);
+  --digi--color--graphic--infographic--brand--conditional--secondary--light--af18: var(--digi--color--leaf--200);
+  --digi--color--graphic--infographic--brand--primary--light--af18: var(--digi--color--leaf--500);
+  --digi--color--graphic--infographic--brand--primary-alt--light--af18: var(--digi--color--leaf--500);
+  --digi--color--graphic--infographic--brand--secondary--light--af18: var(--digi--color--leaf--200);
+  --digi--color--graphic--infographic--lineart--light--af18: var(--digi--grayscale--900);
   --digi--color--icon--brand-primary--light--af18: var(--digi--color--stratos--500);
   --digi--color--icon--brand-primary-secondary-hypotes--light--af18: var(--digi--color--stratos--500);
   --digi--color--icon--brand-secondary--light--af18: var(--digi--color--leaf--500);
@@ -484,12 +487,6 @@ License: none (public domain)
   --digi--color--icon--validation--error--light--af18: var(--digi--sentiment--error--500);
   --digi--color--icon--validation--success--light--af18: var(--digi--sentiment--success--500);
   --digi--color--icon--validation--warning--light--af18: var(--digi--sentiment--warning--500);
-  --digi--color--infographic--background--light--af18: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--light--af18: var(--digi--color--leaf--500);
-  --digi--color--infographic--brand--primary-alt--light--af18: var(--digi--color--leaf--500);
-  --digi--color--infographic--brand--secondary--light--af18: var(--digi--color--leaf--200);
-  --digi--color--infographic--brand--secondary-alt--light--af18: var(--digi--color--leaf--200);
-  --digi--color--infographic--lineart--light--af18: var(--digi--grayscale--900);
   --digi--color--logotype--primary--symbol--light--af18: var(--digi--color--leaf--500);
   --digi--color--logotype--primary--text--light--af18: var(--digi--color--stratos--500);
   --digi--color--logotype--secondary--symbol--light--af18: #1db920;
@@ -501,6 +498,7 @@ License: none (public domain)
   --digi--color--marking--navigation--level-active--light--af18: var(--digi--color--leaf--200);
   --digi--color--marking--navigation--level-inactive--light--af18: var(--digi--grayscale--100);
   --digi--color--marking--navigation--selected--light--af18: var(--digi--color--leaf--500);
+  --digi--color--misc--dropshadow--light--af18: var(--digi--misc--dropshadow-light);
   --digi--color--misc--skeleton--light--af18: var(--digi--grayscale--400);
   --digi--color--misc--spinner-path--light--af18: var(--digi--grayscale--400);
   --digi--color--text--description--light--af18: var(--digi--grayscale--800);
@@ -510,75 +508,79 @@ License: none (public domain)
   --digi--color--text--interactive--primary--light--af18: var(--digi--color--sapphire--500);
   --digi--color--text--interactive--primary-discreet--light--af18: var(--digi--color--sapphire--500);
   --digi--color--text--interactive--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--text--interactive--secondary-discreet--light--af18: var(--digi--grayscale--0);
   --digi--color--text--interactive--tertiary--light--af18: var(--digi--grayscale--900);
   --digi--color--text--interactive--visited--light--af18: var(--digi--color--amethyst--500);
   --digi--color--text--primary--light--af18: var(--digi--grayscale--900);
   --digi--color--text--primary-stay--light--af18: var(--digi--grayscale--900);
   --digi--color--text--secondary--light--af18: var(--digi--grayscale--0);
   --digi--color--text--secondary-stay--light--af18: var(--digi--grayscale--0);
+  --digi--amethyst--250: #d08ee1;
   --digi--amethyst--500: #822998;
   --digi--granskott--150: #f2faf2;
   --digi--granskott--200: #ebf8eb;
   --digi--granskott--250: #ddf4dd;
   --digi--granskott--300: #cbecc9;
   --digi--granskott--350: #ace4ad;
+  --digi--granskott--450: #7bd57e;
   --digi--granskott--650: #1db920;
   --digi--granskott--700: #02a704;
   --digi--granskott--750: #018903;
   --digi--granskott--800: #016503;
+  --digi--granskott--850: #014b02;
+  --digi--granskott--925: #081b14;
   --digi--natthimmel--200: #e9f6fd;
   --digi--natthimmel--250: #ddf1fc;
   --digi--natthimmel--300: #c9e9fa;
   --digi--natthimmel--350: #abdef7;
+  --digi--natthimmel--450: #8ac6eb;
+  --digi--natthimmel--475: #72b5de;
+  --digi--natthimmel--500: #295ce8;
   --digi--natthimmel--700: #043982;
   --digi--natthimmel--800: #091d54;
   --digi--natthimmel--900: #071744;
+  --digi--natthimmel--925: #08141b;
+  --digi--natthimmel--950-hypotes: #060817;
   --digi--norrsken--400: #aaf5ab;
   --digi--norrsken--500: #67ee6a;
   --digi--rallarros--300: #f8ddf5;
   --digi--rallarros--500: #ce1cbd;
   --digi--sapphire--500: #1616b2;
-  --digi--color--background--brand-primary--dark: #060817;
-  --digi--color--background--dropdown--dark: var(--digi--grayscale--800);
+  --digi--color--background--brand-primary--dark: var(--digi--natthimmel--925);
+  --digi--color--background--dropdown--dark: var(--digi--grayscale--875);
   --digi--color--background--interactive--default--input-elements--dark: var(--digi--grayscale--950);
   --digi--color--background--interactive--default--pop-out--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--default--primary--dark: #8ac6eb;
-  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
-  --digi--color--background--interactive--default--quaternary--dark: var(--digi--grayscale--850);
+  --digi--color--background--interactive--default--primary--dark: var(--digi--natthimmel--450);
+  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--granskott--350);
   --digi--color--background--interactive--default--secondary--dark: var(--digi--grayscale--950);
   --digi--color--background--interactive--default--tertiary--dark: var(--digi--grayscale--875);
   --digi--color--background--interactive--default--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--hover--inverted--dark: var(--digi--norrsken--400);
-  --digi--color--background--interactive--hover--primary--dark: #879bdb;
+  --digi--color--background--interactive--hover--inverted--dark: var(--digi--granskott--450);
+  --digi--color--background--interactive--hover--primary--dark: var(--digi--natthimmel--475);
   --digi--color--background--interactive--hover--quarternary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--hover--secondary--dark: #4084a6;
-  --digi--color--background--interactive--hover--tertiary--dark: #ace4ad;
-  --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--grayscale--650);
+  --digi--color--background--interactive--hover--secondary--dark: var(--digi--grayscale--990);
+  --digi--color--background--interactive--hover--tertiary--dark: var(--digi--granskott--350);
+  --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--granskott--850);
   --digi--color--background--interactive--selected--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--secondary--dark: #8ac6eb;
+  --digi--color--background--interactive--selected--secondary--dark: var(--digi--natthimmel--500);
+  --digi--color--background--interactive--selected--secondary-2-hypotes--dark: var(--digi--natthimmel--450);
   --digi--color--background--interactive--selected--tertiary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--validation--error--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--validation--success--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--validation--warning--dark: var(--digi--misc--transparent);
-  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
-  --digi--color--background--pop-out--dark: #05130e;
+  --digi--color--background--interactive--validation--error--dark: var(--digi--grayscale--950);
+  --digi--color--background--interactive--validation--success--dark: var(--digi--grayscale--950);
+  --digi--color--background--interactive--validation--warning--dark: var(--digi--grayscale--950);
+  --digi--color--background--notification--dark: var(--digi--sentiment--error--400);
+  --digi--color--background--pop-out--dark: var(--digi--granskott--925);
   --digi--color--background--pop-out-2-hypotes--dark: var(--digi--grayscale--875);
   --digi--color--background--primary--dark: var(--digi--grayscale--950);
-  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--925);
   --digi--color--background--secondary--dark: var(--digi--grayscale--975);
   --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
-  --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--925);
   --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
   --digi--color--background--sentiment--beta--primary--dark: var(--digi--rallarros--500);
   --digi--color--background--sentiment--beta--secondary--dark: var(--digi--rallarros--300);
-  --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--500);
+  --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--400);
   --digi--color--background--sentiment--error--secondary--dark: var(--digi--sentiment--error--700);
   --digi--color--background--sentiment--error--tertiary--dark: var(--digi--sentiment--error--200);
   --digi--color--background--sentiment--error--tertiary-discreet--dark: var(--digi--grayscale--850);
-  --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--500);
+  --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--400);
   --digi--color--background--sentiment--info--secondary--dark: var(--digi--sentiment--informative--700);
   --digi--color--background--sentiment--info--tertiary--dark: var(--digi--sentiment--informative--200);
   --digi--color--background--sentiment--neutral--primary--dark: var(--digi--grayscale--700);
@@ -593,70 +595,69 @@ License: none (public domain)
   --digi--color--background--sentiment--warning--tertiary--dark: var(--digi--sentiment--warning--200);
   --digi--color--background--surface--dark: var(--digi--grayscale--900);
   --digi--color--background--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--border--accent--primary--dark: #8ac6eb;
+  --digi--color--border--accent--primary--dark: var(--digi--natthimmel--450);
   --digi--color--border--accent--secondary--dark: var(--digi--granskott--700);
-  --digi--color--border--interactive--default--inverted--dark: var(--digi--norrsken--500);
+  --digi--color--border--interactive--default--inverted--dark: var(--digi--granskott--350);
   --digi--color--border--interactive--default--on-input--dark: var(--digi--grayscale--75);
   --digi--color--border--interactive--default--on-input-nuance--dark: var(--digi--grayscale--650);
-  --digi--color--border--interactive--default--primary--dark: #8ac6eb;
-  --digi--color--border--interactive--default--secondary--dark: var(--digi--grayscale--550);
-  --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--400);
-  --digi--color--border--interactive--hover--primary--dark: #879bdb;
-  --digi--color--border--interactive--hover--secondary--dark: #8ac6eb;
-  --digi--color--border--interactive--selected--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--selected--secondary--dark: #8ac6eb;
-  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--500);
+  --digi--color--border--interactive--default--primary--dark: var(--digi--natthimmel--450);
+  --digi--color--border--interactive--default--secondary--dark: var(--digi--grayscale--875);
+  --digi--color--border--interactive--hover--inverted--dark: var(--digi--granskott--450);
+  --digi--color--border--interactive--hover--primary--dark: var(--digi--natthimmel--475);
+  --digi--color--border--interactive--hover--secondary--dark: var(--digi--natthimmel--450);
+  --digi--color--border--interactive--selected--primary--dark: var(--digi--grayscale--75);
+  --digi--color--border--interactive--selected--secondary--dark: var(--digi--grayscale--75);
+  --digi--color--border--interactive--validation--error--dark: var(--digi--sentiment--error--400);
   --digi--color--border--interactive--validation--success--dark: var(--digi--sentiment--success--500);
   --digi--color--border--interactive--validation--warning--dark: var(--digi--sentiment--warning--700);
   --digi--color--border--notification--dark: var(--digi--grayscale--75);
-  --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--500);
-  --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--500);
+  --digi--color--border--sentiment--error--dark: var(--digi--sentiment--error--400);
+  --digi--color--border--sentiment--info--dark: var(--digi--sentiment--informative--400);
   --digi--color--border--sentiment--success--dark: var(--digi--sentiment--success--500);
   --digi--color--border--sentiment--warning--dark: var(--digi--sentiment--warning--500);
   --digi--color--border--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--divider--cta--dark: #ace4ad;
+  --digi--color--divider--cta--dark: var(--digi--granskott--350);
   --digi--color--divider--on-brand-primary--dark: var(--digi--grayscale--650);
-  --digi--color--divider--primary--dark: var(--digi--grayscale--800);
-  --digi--color--divider--secondary--dark: var(--digi--grayscale--650);
-  --digi--color--divider--tertiary-hypotes--dark: var(--digi--grayscale--550);
-  --digi--color--icon--brand-primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--brand-primary-secondary-hypotes--dark: #8ac6eb;
-  --digi--color--icon--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--icon--cta--dark: #ace4ad;
+  --digi--color--divider--primary--dark: var(--digi--grayscale--700);
+  --digi--color--divider--secondary--dark: var(--digi--grayscale--800);
+  --digi--color--graphic--infographic--background--dark: var(--digi--grayscale--950);
+  --digi--color--graphic--infographic--brand--conditional--secondary--dark: var(--digi--misc--transparent);
+  --digi--color--graphic--infographic--brand--primary--dark: var(--digi--granskott--700);
+  --digi--color--graphic--infographic--brand--primary-alt--dark: var(--digi--misc--transparent);
+  --digi--color--graphic--infographic--brand--secondary--dark: var(--digi--granskott--300);
+  --digi--color--graphic--infographic--lineart--dark: var(--digi--grayscale--75);
+  --digi--color--icon--brand-primary--dark: var(--digi--natthimmel--450);
+  --digi--color--icon--brand-primary-secondary-hypotes--dark: var(--digi--grayscale--950);
+  --digi--color--icon--brand-secondary--dark: var(--digi--granskott--350);
+  --digi--color--icon--cta--dark: var(--digi--granskott--350);
   --digi--color--icon--primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--primary-anti-reverse--dark: var(--digi--grayscale--900);
+  --digi--color--icon--primary-anti-reverse--dark: var(--digi--grayscale--950);
   --digi--color--icon--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--secondary-reverse--dark: var(--digi--grayscale--900);
-  --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--500);
+  --digi--color--icon--secondary-reverse--dark: var(--digi--grayscale--950);
+  --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--400);
   --digi--color--icon--validation--success--dark: var(--digi--sentiment--success--500);
   --digi--color--icon--validation--warning--dark: var(--digi--sentiment--warning--500);
-  --digi--color--infographic--background--dark: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
-  --digi--color--infographic--brand--primary-alt--dark: var(--digi--granskott--700);
-  --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--300);
-  --digi--color--infographic--brand--secondary-alt--dark: #05130e;
-  --digi--color--infographic--lineart--dark: var(--digi--grayscale--75);
   --digi--color--logotype--primary--symbol--dark: var(--digi--granskott--700);
   --digi--color--logotype--primary--text--dark: var(--digi--grayscale--0);
   --digi--color--logotype--secondary--symbol--dark: var(--digi--granskott--700);
   --digi--color--logotype--secondary--text--dark: var(--digi--grayscale--0);
   --digi--color--marking--indication--marker--dark: var(--digi--grayscale--75);
   --digi--color--marking--indication--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--marking--indication--secondary--dark: #8ac6eb;
+  --digi--color--marking--indication--secondary--dark: var(--digi--natthimmel--500);
   --digi--color--marking--indication--tertiary--dark: var(--digi--grayscale--700);
-  --digi--color--marking--navigation--level-active--dark: var(--digi--granskott--250);
-  --digi--color--marking--navigation--level-inactive--dark: var(--digi--grayscale--100);
+  --digi--color--marking--navigation--level-active--dark: var(--digi--granskott--850);
+  --digi--color--marking--navigation--level-inactive--dark: var(--digi--grayscale--800);
   --digi--color--marking--navigation--selected--dark: var(--digi--granskott--700);
+  --digi--color--misc--dropshadow--dark: var(--digi--grayscale--1000);
   --digi--color--misc--skeleton--dark: var(--digi--grayscale--400);
   --digi--color--misc--spinner-path--dark: var(--digi--grayscale--400);
   --digi--color--text--description--dark: var(--digi--grayscale--100);
-  --digi--color--text--interactive--brand-primary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--brand-primary-secondary-hypotes--dark: #8ac6eb;
-  --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--text--interactive--primary--dark: #ace4ad;
+  --digi--color--text--interactive--brand-primary--dark: var(--digi--natthimmel--450);
+  --digi--color--text--interactive--brand-primary-secondary-hypotes--dark: var(--digi--grayscale--950);
+  --digi--color--text--interactive--brand-secondary--dark: var(--digi--granskott--350);
+  --digi--color--text--interactive--primary--dark: var(--digi--granskott--350);
   --digi--color--text--interactive--primary-discreet--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--secondary-discreet--dark: var(--digi--grayscale--75);
+  --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--950);
   --digi--color--text--interactive--tertiary--dark: var(--digi--grayscale--75);
   --digi--color--text--interactive--visited--dark: var(--digi--amethyst--500);
   --digi--color--text--primary--dark: var(--digi--grayscale--75);
@@ -669,20 +670,18 @@ License: none (public domain)
   --digi--color--background--interactive--default--pop-out--light: var(--digi--granskott--150);
   --digi--color--background--interactive--default--primary--light: var(--digi--natthimmel--800);
   --digi--color--background--interactive--default--primary-inverted--light: var(--digi--norrsken--500);
-  --digi--color--background--interactive--default--quaternary--light: var(--digi--grayscale--100);
   --digi--color--background--interactive--default--secondary--light: var(--digi--grayscale--0);
   --digi--color--background--interactive--default--tertiary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--default--transparent--light: var(--digi--misc--transparent);
-  --digi--color--background--interactive--hover--ghost-rider--light: var(--digi--misc--transparent);
   --digi--color--background--interactive--hover--inverted--light: var(--digi--norrsken--400);
   --digi--color--background--interactive--hover--primary--light: var(--digi--natthimmel--700);
   --digi--color--background--interactive--hover--quarternary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--hover--secondary--light: var(--digi--natthimmel--250);
   --digi--color--background--interactive--hover--tertiary--light: var(--digi--sapphire--500);
-  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--250);
+  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--350);
   --digi--color--background--interactive--selected--primary--light: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--primary-stay--light: var(--digi--sentiment--success--500);
   --digi--color--background--interactive--selected--secondary--light: var(--digi--natthimmel--800);
+  --digi--color--background--interactive--selected--secondary-2-hypotes--light: var(--digi--natthimmel--800);
   --digi--color--background--interactive--selected--tertiary--light: var(--digi--grayscale--200);
   --digi--color--background--interactive--validation--error--light: var(--digi--sentiment--error--200);
   --digi--color--background--interactive--validation--success--light: var(--digi--sentiment--success--200);
@@ -691,10 +690,8 @@ License: none (public domain)
   --digi--color--background--pop-out--light: var(--digi--granskott--200);
   --digi--color--background--pop-out-2-hypotes--light: var(--digi--natthimmel--200);
   --digi--color--background--primary--light: var(--digi--grayscale--0);
-  --digi--color--background--primary-elevated--light: var(--digi--grayscale--0);
   --digi--color--background--secondary--light: var(--digi--grayscale--100);
   --digi--color--background--secondary-accent--light: var(--digi--grayscale--400);
-  --digi--color--background--secondary-elevated--light: var(--digi--grayscale--100);
   --digi--color--background--secondary-muted--light: var(--digi--grayscale--50);
   --digi--color--background--sentiment--beta--primary--light: var(--digi--rallarros--500);
   --digi--color--background--sentiment--beta--secondary--light: var(--digi--rallarros--300);
@@ -723,7 +720,7 @@ License: none (public domain)
   --digi--color--border--interactive--default--on-input--light: var(--digi--grayscale--900);
   --digi--color--border--interactive--default--on-input-nuance--light: var(--digi--grayscale--800);
   --digi--color--border--interactive--default--primary--light: var(--digi--natthimmel--800);
-  --digi--color--border--interactive--default--secondary--light: var(--digi--grayscale--100);
+  --digi--color--border--interactive--default--secondary--light: var(--digi--grayscale--200);
   --digi--color--border--interactive--hover--inverted--light: var(--digi--norrsken--400);
   --digi--color--border--interactive--hover--primary--light: var(--digi--natthimmel--700);
   --digi--color--border--interactive--hover--secondary--light: var(--digi--natthimmel--800);
@@ -742,7 +739,12 @@ License: none (public domain)
   --digi--color--divider--on-brand-primary--light: var(--digi--natthimmel--350);
   --digi--color--divider--primary--light: var(--digi--grayscale--400);
   --digi--color--divider--secondary--light: var(--digi--grayscale--200);
-  --digi--color--divider--tertiary-hypotes--light: var(--digi--grayscale--400);
+  --digi--color--graphic--infographic--background--light: var(--digi--grayscale--0);
+  --digi--color--graphic--infographic--brand--conditional--secondary--light: var(--digi--granskott--300);
+  --digi--color--graphic--infographic--brand--primary--light: var(--digi--granskott--700);
+  --digi--color--graphic--infographic--brand--primary-alt--light: var(--digi--granskott--700);
+  --digi--color--graphic--infographic--brand--secondary--light: var(--digi--granskott--300);
+  --digi--color--graphic--infographic--lineart--light: var(--digi--grayscale--900);
   --digi--color--icon--brand-primary--light: var(--digi--natthimmel--800);
   --digi--color--icon--brand-primary-secondary-hypotes--light: var(--digi--natthimmel--800);
   --digi--color--icon--brand-secondary--light: var(--digi--norrsken--500);
@@ -754,12 +756,6 @@ License: none (public domain)
   --digi--color--icon--validation--error--light: var(--digi--sentiment--error--500);
   --digi--color--icon--validation--success--light: var(--digi--sentiment--success--500);
   --digi--color--icon--validation--warning--light: var(--digi--sentiment--warning--500);
-  --digi--color--infographic--background--light: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--light: var(--digi--granskott--700);
-  --digi--color--infographic--brand--primary-alt--light: var(--digi--granskott--700);
-  --digi--color--infographic--brand--secondary--light: var(--digi--granskott--300);
-  --digi--color--infographic--brand--secondary-alt--light: var(--digi--granskott--300);
-  --digi--color--infographic--lineart--light: var(--digi--grayscale--900);
   --digi--color--logotype--primary--symbol--light: var(--digi--granskott--700);
   --digi--color--logotype--primary--text--light: var(--digi--natthimmel--800);
   --digi--color--logotype--secondary--symbol--light: #1db920;
@@ -768,9 +764,10 @@ License: none (public domain)
   --digi--color--marking--indication--primary--light: var(--digi--sentiment--success--500);
   --digi--color--marking--indication--secondary--light: var(--digi--natthimmel--800);
   --digi--color--marking--indication--tertiary--light: var(--digi--grayscale--700);
-  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--250);
+  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--350);
   --digi--color--marking--navigation--level-inactive--light: var(--digi--grayscale--100);
   --digi--color--marking--navigation--selected--light: var(--digi--granskott--700);
+  --digi--color--misc--dropshadow--light: var(--digi--misc--dropshadow-light);
   --digi--color--misc--skeleton--light: var(--digi--grayscale--400);
   --digi--color--misc--spinner-path--light: var(--digi--grayscale--400);
   --digi--color--text--description--light: var(--digi--grayscale--800);
@@ -780,7 +777,6 @@ License: none (public domain)
   --digi--color--text--interactive--primary--light: var(--digi--sapphire--500);
   --digi--color--text--interactive--primary-discreet--light: var(--digi--sapphire--500);
   --digi--color--text--interactive--secondary--light: var(--digi--grayscale--0);
-  --digi--color--text--interactive--secondary-discreet--light: var(--digi--grayscale--0);
   --digi--color--text--interactive--tertiary--light: var(--digi--grayscale--900);
   --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
   --digi--color--text--primary--light: var(--digi--grayscale--900);
@@ -793,11 +789,9 @@ License: none (public domain)
   --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
   --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
   --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
-  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
   --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
   --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
   --digi--color--background--interactive--default--transparent: var(--digi--color--background--interactive--default--transparent--light);
-  --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
   --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
   --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
   --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
@@ -805,8 +799,8 @@ License: none (public domain)
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
   --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
   --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
-  --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
   --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
+  --digi--color--background--interactive--selected--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--light);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
   --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
   --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
@@ -815,10 +809,8 @@ License: none (public domain)
   --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
   --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--light);
   --digi--color--background--primary: var(--digi--color--background--primary--light);
-  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
   --digi--color--background--secondary: var(--digi--color--background--secondary--light);
   --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
-  --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
   --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
   --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
   --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
@@ -866,7 +858,12 @@ License: none (public domain)
   --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
   --digi--color--divider--primary: var(--digi--color--divider--primary--light);
   --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
-  --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
+  --digi--color--graphic--infographic--background: var(--digi--color--graphic--infographic--background--light);
+  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--light);
+  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--light);
+  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--light);
+  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--light);
+  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--light);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
   --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
   --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
@@ -878,12 +875,6 @@ License: none (public domain)
   --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
   --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
   --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
-  --digi--color--infographic--background: var(--digi--color--infographic--background--light);
-  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
-  --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
-  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
-  --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
-  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
   --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
   --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
   --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
@@ -895,6 +886,7 @@ License: none (public domain)
   --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
   --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
   --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
+  --digi--color--misc--dropshadow: var(--digi--color--misc--dropshadow--light);
   --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
   --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
   --digi--color--text--description: var(--digi--color--text--description--light);
@@ -904,7 +896,6 @@ License: none (public domain)
   --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
   --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
   --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
-  --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
   --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
   --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
   --digi--color--text--primary: var(--digi--color--text--primary--light);
@@ -920,11 +911,9 @@ License: none (public domain)
     --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
     --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
     --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
-    --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
     --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
     --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
     --digi--color--background--interactive--default--transparent: var(--digi--color--background--interactive--default--transparent--dark);
-    --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--dark);
     --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
     --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
     --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
@@ -932,8 +921,8 @@ License: none (public domain)
     --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
     --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
     --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
-    --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--dark);
     --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
+    --digi--color--background--interactive--selected--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--dark);
     --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
     --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
     --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
@@ -942,10 +931,8 @@ License: none (public domain)
     --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
     --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--dark);
     --digi--color--background--primary: var(--digi--color--background--primary--dark);
-    --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
     --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
     --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
-    --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--dark);
     --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
     --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
     --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
@@ -993,7 +980,12 @@ License: none (public domain)
     --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
     --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
     --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
-    --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--dark);
+    --digi--color--graphic--infographic--background: var(--digi--color--graphic--infographic--background--dark);
+    --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--dark);
+    --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--dark);
+    --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--dark);
+    --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--dark);
+    --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--dark);
     --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
     --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--dark);
     --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
@@ -1005,12 +997,6 @@ License: none (public domain)
     --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
     --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
     --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
-    --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
-    --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
-    --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--dark);
-    --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
-    --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--dark);
-    --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
     --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
     --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
     --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
@@ -1022,6 +1008,7 @@ License: none (public domain)
     --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
     --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
     --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
+    --digi--color--misc--dropshadow: var(--digi--color--misc--dropshadow--dark);
     --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
     --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
     --digi--color--text--description: var(--digi--color--text--description--dark);
@@ -1031,7 +1018,6 @@ License: none (public domain)
     --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
     --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
     --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
-    --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--dark);
     --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
     --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
     --digi--color--text--primary: var(--digi--color--text--primary--dark);
@@ -1048,11 +1034,9 @@ html.digi-light {
   --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
   --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--light);
   --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--light);
-  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
   --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--light);
   --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
   --digi--color--background--interactive--default--transparent: var(--digi--color--background--interactive--default--transparent--light);
-  --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--light);
   --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
   --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
   --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
@@ -1060,8 +1044,8 @@ html.digi-light {
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
   --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--light);
   --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--light);
-  --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--light);
   --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--light);
+  --digi--color--background--interactive--selected--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--light);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--light);
   --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
   --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--light);
@@ -1070,10 +1054,8 @@ html.digi-light {
   --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
   --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--light);
   --digi--color--background--primary: var(--digi--color--background--primary--light);
-  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--light);
   --digi--color--background--secondary: var(--digi--color--background--secondary--light);
   --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
-  --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--light);
   --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
   --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--light);
   --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--light);
@@ -1121,7 +1103,12 @@ html.digi-light {
   --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
   --digi--color--divider--primary: var(--digi--color--divider--primary--light);
   --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
-  --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--light);
+  --digi--color--graphic--infographic--background: var(--digi--color--graphic--infographic--background--light);
+  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--light);
+  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--light);
+  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--light);
+  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--light);
+  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--light);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
   --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--light);
   --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
@@ -1133,12 +1120,6 @@ html.digi-light {
   --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--light);
   --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--light);
   --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--light);
-  --digi--color--infographic--background: var(--digi--color--infographic--background--light);
-  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--light);
-  --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--light);
-  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--light);
-  --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--light);
-  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--light);
   --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--light);
   --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--light);
   --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--light);
@@ -1150,6 +1131,7 @@ html.digi-light {
   --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--light);
   --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--light);
   --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--light);
+  --digi--color--misc--dropshadow: var(--digi--color--misc--dropshadow--light);
   --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
   --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
   --digi--color--text--description: var(--digi--color--text--description--light);
@@ -1159,7 +1141,6 @@ html.digi-light {
   --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
   --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--light);
   --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--light);
-  --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--light);
   --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--light);
   --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
   --digi--color--text--primary: var(--digi--color--text--primary--light);
@@ -1175,11 +1156,9 @@ html.digi-dark {
   --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
   --digi--color--background--interactive--default--primary: var(--digi--color--background--interactive--default--primary--dark);
   --digi--color--background--interactive--default--primary-inverted: var(--digi--color--background--interactive--default--primary-inverted--dark);
-  --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
   --digi--color--background--interactive--default--secondary: var(--digi--color--background--interactive--default--secondary--dark);
   --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
   --digi--color--background--interactive--default--transparent: var(--digi--color--background--interactive--default--transparent--dark);
-  --digi--color--background--interactive--hover--ghost-rider: var(--digi--color--background--interactive--hover--ghost-rider--dark);
   --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
   --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
   --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
@@ -1187,8 +1166,8 @@ html.digi-dark {
   --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
   --digi--color--background--interactive--selected--on-menu-minus-button: var(--digi--color--background--interactive--selected--on-menu-minus-button--dark);
   --digi--color--background--interactive--selected--primary: var(--digi--color--background--interactive--selected--primary--dark);
-  --digi--color--background--interactive--selected--primary-stay: var(--digi--color--background--interactive--selected--primary-stay--dark);
   --digi--color--background--interactive--selected--secondary: var(--digi--color--background--interactive--selected--secondary--dark);
+  --digi--color--background--interactive--selected--secondary-2-hypotes: var(--digi--color--background--interactive--selected--secondary-2-hypotes--dark);
   --digi--color--background--interactive--selected--tertiary: var(--digi--color--background--interactive--selected--tertiary--dark);
   --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
   --digi--color--background--interactive--validation--success: var(--digi--color--background--interactive--validation--success--dark);
@@ -1197,10 +1176,8 @@ html.digi-dark {
   --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
   --digi--color--background--pop-out-2-hypotes: var(--digi--color--background--pop-out-2-hypotes--dark);
   --digi--color--background--primary: var(--digi--color--background--primary--dark);
-  --digi--color--background--primary-elevated: var(--digi--color--background--primary-elevated--dark);
   --digi--color--background--secondary: var(--digi--color--background--secondary--dark);
   --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
-  --digi--color--background--secondary-elevated: var(--digi--color--background--secondary-elevated--dark);
   --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
   --digi--color--background--sentiment--beta--primary: var(--digi--color--background--sentiment--beta--primary--dark);
   --digi--color--background--sentiment--beta--secondary: var(--digi--color--background--sentiment--beta--secondary--dark);
@@ -1248,7 +1225,12 @@ html.digi-dark {
   --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
   --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
   --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
-  --digi--color--divider--tertiary-hypotes: var(--digi--color--divider--tertiary-hypotes--dark);
+  --digi--color--graphic--infographic--background: var(--digi--color--graphic--infographic--background--dark);
+  --digi--color--graphic--infographic--brand--conditional--secondary: var(--digi--color--graphic--infographic--brand--conditional--secondary--dark);
+  --digi--color--graphic--infographic--brand--primary: var(--digi--color--graphic--infographic--brand--primary--dark);
+  --digi--color--graphic--infographic--brand--primary-alt: var(--digi--color--graphic--infographic--brand--primary-alt--dark);
+  --digi--color--graphic--infographic--brand--secondary: var(--digi--color--graphic--infographic--brand--secondary--dark);
+  --digi--color--graphic--infographic--lineart: var(--digi--color--graphic--infographic--lineart--dark);
   --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
   --digi--color--icon--brand-primary-secondary-hypotes: var(--digi--color--icon--brand-primary-secondary-hypotes--dark);
   --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--dark);
@@ -1260,12 +1242,6 @@ html.digi-dark {
   --digi--color--icon--validation--error: var(--digi--color--icon--validation--error--dark);
   --digi--color--icon--validation--success: var(--digi--color--icon--validation--success--dark);
   --digi--color--icon--validation--warning: var(--digi--color--icon--validation--warning--dark);
-  --digi--color--infographic--background: var(--digi--color--infographic--background--dark);
-  --digi--color--infographic--brand--primary: var(--digi--color--infographic--brand--primary--dark);
-  --digi--color--infographic--brand--primary-alt: var(--digi--color--infographic--brand--primary-alt--dark);
-  --digi--color--infographic--brand--secondary: var(--digi--color--infographic--brand--secondary--dark);
-  --digi--color--infographic--brand--secondary-alt: var(--digi--color--infographic--brand--secondary-alt--dark);
-  --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--dark);
   --digi--color--logotype--primary--symbol: var(--digi--color--logotype--primary--symbol--dark);
   --digi--color--logotype--primary--text: var(--digi--color--logotype--primary--text--dark);
   --digi--color--logotype--secondary--symbol: var(--digi--color--logotype--secondary--symbol--dark);
@@ -1277,6 +1253,7 @@ html.digi-dark {
   --digi--color--marking--navigation--level-active: var(--digi--color--marking--navigation--level-active--dark);
   --digi--color--marking--navigation--level-inactive: var(--digi--color--marking--navigation--level-inactive--dark);
   --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--dark);
+  --digi--color--misc--dropshadow: var(--digi--color--misc--dropshadow--dark);
   --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
   --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
   --digi--color--text--description: var(--digi--color--text--description--dark);
@@ -1286,7 +1263,6 @@ html.digi-dark {
   --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--dark);
   --digi--color--text--interactive--primary-discreet: var(--digi--color--text--interactive--primary-discreet--dark);
   --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--dark);
-  --digi--color--text--interactive--secondary-discreet: var(--digi--color--text--interactive--secondary-discreet--dark);
   --digi--color--text--interactive--tertiary: var(--digi--color--text--interactive--tertiary--dark);
   --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
   --digi--color--text--primary: var(--digi--color--text--primary--dark);
@@ -1305,7 +1281,6 @@ body {
   --digi--datepicker--border-radius: 0.25rem;
   --digi--datepicker--calendar--max-width: 20.25rem;
   --digi--datepicker--calendar--show-week--max-width: 23.375rem;
-  --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--datepicker--calendar--background-color: var(--digi--color--background--dropdown);
   --digi--datepicker--input-icon--width: 0.875rem;
   --digi--datepicker--input-icon--horizontal-padding: 0.75rem;
@@ -1366,7 +1341,7 @@ body {
 :host .digi-calendar-datepicker__show-calendar .digi-calendar-datepicker__calendar {
   height: auto;
   background-color: var(--digi--datepicker--calendar--background-color);
-  box-shadow: var(--digi--datepicker--calendar-shadow);
+  box-shadow: 0 2px 6px 0 var(--digi--color--misc--dropshadow);
   position: absolute;
   top: var(--digi--datepicker--calendar--popup-top);
   left: 0;