npm - @designsystem-se/af - Versions diffs - 37.0.2-beta.1 → 38.0.0 - Mend

@designsystem-se/af 37.0.2-beta.1 → 38.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1534) hide show

package/dist/collection/components/_form/form-checkbox/form-checkbox.css CHANGED Viewed

@@ -1,42 +1,36 @@
+@charset "UTF-8";
 /* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
 :root {
   --digi--grayscale--0: #ffffff;
-  --digi--grayscale--50: #fbfbfb;
-  --digi--grayscale--75: #f5f5f5;
   --digi--grayscale--100: #f4f4f4;
+  --digi--grayscale--1000: #000000;
   --digi--grayscale--200: #ededed;
   --digi--grayscale--300: #e4e4e4;
   --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;
   --digi--grayscale--800: #5c5c5c;
-  --digi--grayscale--850: #515151;
-  --digi--grayscale--875: #414141;
   --digi--grayscale--900: #333333;
-  --digi--grayscale--950: #2c2c2c;
-  --digi--grayscale--975: #212121;
-  --digi--grayscale--1000: #000000;
-  --digi--sentiment--informative--200: #e9e9ff;
-  --digi--sentiment--informative--500: #0A4DD1;
-  --digi--sentiment--informative--700: #0058a3;
+  --digi--misc--transparent: #ffffff00;
   --digi--sentiment--error--200: #fdeded;
   --digi--sentiment--error--500: #da0000;
   --digi--sentiment--error--700: #c7311a;
+  --digi--sentiment--informative--200: #e9e9ff;
+  --digi--sentiment--informative--500: #0a4dd1;
+  --digi--sentiment--informative--700: #0058a3;
   --digi--sentiment--success--200: #e9f6ec;
-  --digi--sentiment--success--500: #008A20;
+  --digi--sentiment--success--500: #008a20;
   --digi--sentiment--success--700: #02703c;
   --digi--sentiment--warning--200: #fff398;
   --digi--sentiment--warning--50: #fffbdd;
   --digi--sentiment--warning--500: #ffe200;
   --digi--sentiment--warning--700: #ffc108;
   --digi--sentiment--warning--900: #664d00;
-  --digi--misc--transparent: #ffffff00;
   --digi--animation--duration--base: var(--digi--global--animation--duration--base);
   --digi--animation--duration--small: var(--digi--global--animation--duration--short);
   --digi--animation--duration--large: var(--digi--global--animation--duration--longer);
@@ -50,12 +44,12 @@ License: none (public domain)
   --digi--animation--rotation--270: var(--digi--global--animation--rotation--large);
   --digi--animation--rotation--315: var(--digi--global--animation--rotation--larger);
   --digi--animation--rotation--360: var(--digi--global--animation--rotation--largest);
-  --digi--global--animation--duration--base: .3s;
-  --digi--global--animation--duration--short: .2s;
-  --digi--global--animation--duration--shorter: .1s;
-  --digi--global--animation--duration--shortest: .01s;
-  --digi--global--animation--duration--long: .4s;
-  --digi--global--animation--duration--longer: .5s;
+  --digi--global--animation--duration--base: 0.3s;
+  --digi--global--animation--duration--short: 0.2s;
+  --digi--global--animation--duration--shorter: 0.1s;
+  --digi--global--animation--duration--shortest: 0.01s;
+  --digi--global--animation--duration--long: 0.4s;
+  --digi--global--animation--duration--longer: 0.5s;
   --digi--global--animation--duration--longest: 4s;
   --digi--global--animation--rotation--smallest-2: 0deg;
   --digi--global--animation--rotation--smallest: 45deg;
@@ -357,260 +351,7 @@ License: none (public domain)
   --digi--typography--button--font-size--desktop: var(--digi--global--typography--font-size--base);
   --digi--typography--button--font-size--desktop-large: var(--digi--global--typography--font-size--large);
   --digi--typography--button--font-weight--desktop: var(--digi--global--typography--font-weight--semibold);
-  --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--650: #1db920;
-  --digi--granskott--700: #02a704;
-  --digi--granskott--750: #018903;
-  --digi--granskott--800: #016503;
-  --digi--natthimmel--200: #e9f6fd;
-  --digi--natthimmel--250: #ddf1fc;
-  --digi--natthimmel--300: #c9e9fa;
-  --digi--natthimmel--350: #abdef7;
-  --digi--natthimmel--700: #043982;
-  --digi--natthimmel--800: #091d54;
-  --digi--natthimmel--900: #071744;
-  --digi--norrsken--400: #aaf5ab;
-  --digi--norrsken--500: #67ee6a;
-  --digi--rallarros--300: #f8ddf5;
-  --digi--rallarros--500: #ce1cbd;
-  --digi--sapphire--500: #1616b2;
-  --digi--color--logotype-color--dark: var(--digi--granskott--700);
-  --digi--color--infographic--lineart--dark: var(--digi--grayscale--75);
-  --digi--color--infographic--background--dark: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--dark: var(--digi--granskott--700);
-  --digi--color--infographic--brand--secondary--dark: var(--digi--granskott--250);
-  --digi--color--infographic--brand--tertiary--dark: var(--digi--rallarros--500);
-  --digi--color--text--primary--dark: var(--digi--grayscale--75);
-  --digi--color--text--primary-stay--dark: var(--digi--grayscale--850);
-  --digi--color--text--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--text--secondary-stay--dark: var(--digi--grayscale--75);
-  --digi--color--text--description--dark: var(--digi--grayscale--100);
-  --digi--color--text--interactive--primary--dark: var(--digi--norrsken--500);
-  --digi--color--text--interactive--secondary--dark: var(--digi--grayscale--900);
-  --digi--color--text--interactive--secondary-discreet--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--tertiary--dark: var(--digi--grayscale--75);
-  --digi--color--text--interactive--brand-primary--dark: var(--digi--natthimmel--75);
-  --digi--color--text--interactive--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--text--interactive--visited--dark: #CB6DE3;
-  --digi--color--background--surface--dark: var(--digi--grayscale--900);
-  --digi--color--background--primary--dark: var(--digi--grayscale--950);
-  --digi--color--background--primary-elevated--dark: var(--digi--grayscale--850);
-  --digi--color--background--secondary--dark: var(--digi--grayscale--975);
-  --digi--color--background--secondary-elevated--dark: var(--digi--grayscale--875);
-  --digi--color--background--secondary-muted--dark: var(--digi--grayscale--900);
-  --digi--color--background--secondary-accent--dark: var(--digi--grayscale--850);
-  --digi--color--background--pop-out--dark: var(--digi--grayscale--850);
-  --digi--color--background--brand-primary--dark: var(--digi--grayscale--900);
-  --digi--color--background--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--background--notification--dark: var(--digi--sentiment--error--500);
-  --digi--color--background--dropdown--dark: var(--digi--grayscale--800);
-  --digi--color--background--interactive--default--primary--dark: var(--digi--grayscale--50);
-  --digi--color--background--interactive--default--primary-inverted--dark: var(--digi--norrsken--500);
-  --digi--color--background--interactive--default--secondary--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--secondary-inverted--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--tertiary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--default--quaternary--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--default--input-elements--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--pop-out--dark: var(--digi--grayscale--650);
-  --digi--color--background--interactive--hover--primary--dark: var(--digi--grayscale--650);
-  --digi--color--background--interactive--hover--secondary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--hover--tertiary--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--hover--quarternary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--hover--inverted--dark: var(--digi--norrsken--400);
-  --digi--color--background--interactive--hover--quinary--dark: var(--digi--grayscale--850);
-  --digi--color--background--interactive--selected--primary--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--selected--primary-stay--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--interactive--selected--secondary--dark: var(--digi--misc--transparent);
-  --digi--color--background--interactive--selected--tertiary--dark: var(--digi--grayscale--875);
-  --digi--color--background--interactive--selected--on-menu-minus-button--dark: var(--digi--grayscale--650);
-  --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--interactive--validation--error--dark: var(--digi--misc--transparent);
-  --digi--color--background--sentiment--error--primary--dark: var(--digi--sentiment--error--500);
-  --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--success--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--background--sentiment--success--secondary--dark: var(--digi--sentiment--success--700);
-  --digi--color--background--sentiment--success--tertiary--dark: var(--digi--sentiment--success--200);
-  --digi--color--background--sentiment--warning--primary--dark: var(--digi--sentiment--warning--500);
-  --digi--color--background--sentiment--warning--secondary--dark: var(--digi--sentiment--warning--700);
-  --digi--color--background--sentiment--warning--tertiary--dark: var(--digi--sentiment--warning--200);
-  --digi--color--background--sentiment--warning--quarternary--dark: var(--digi--grayscale--850);
-  --digi--color--background--sentiment--info--primary--dark: var(--digi--sentiment--informative--500);
-  --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);
-  --digi--color--background--sentiment--neutral--secondary--dark: var(--digi--grayscale--400);
-  --digi--color--background--sentiment--neutral--tertiary--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--border--notification--dark: var(--digi--grayscale--0);
-  --digi--color--border--transparent--dark: var(--digi--misc--transparent);
-  --digi--color--border--interactive--default--primary--dark: var(--digi--grayscale--75);
-  --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--inverted--dark: var(--digi--norrsken--500);
-  --digi--color--border--interactive--hover--primary--dark: var(--digi--grayscale--75);
-  --digi--color--border--interactive--hover--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--border--interactive--hover--inverted--dark: var(--digi--norrsken--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--interactive--validation--error--dark: var(--digi--sentiment--error--500);
-  --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--sentiment--error--dark: var(--digi--sentiment--error--500);
-  --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--sentiment--info--dark: var(--digi--sentiment--informative--500);
-  --digi--color--border--accent--primary--dark: var(--digi--grayscale--650);
-  --digi--color--border--accent--secondary--dark: var(--digi--granskott--700);
-  --digi--color--marking--navigation--selected--dark: var(--digi--granskott--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--indication--primary--dark: var(--digi--sentiment--success--500);
-  --digi--color--marking--indication--secondary--dark: var(--digi--natthimmel--800);
-  --digi--color--marking--indication--tertiary--dark: var(--digi--grayscale--700);
-  --digi--color--divider--primary--dark: var(--digi--grayscale--400);
-  --digi--color--divider--secondary--dark: var(--digi--grayscale--200);
-  --digi--color--divider--on-brand-primary--dark: var(--digi--grayscale--650);
-  --digi--color--divider--cta--dark: var(--digi--norrsken--500);
-  --digi--color--icon--primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--secondary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--cta--dark: var(--digi--norrsken--500);
-  --digi--color--icon--brand-primary--dark: var(--digi--grayscale--75);
-  --digi--color--icon--brand-secondary--dark: var(--digi--norrsken--500);
-  --digi--color--icon--validation--success--dark: var(--digi--sentiment--success--500);
-  --digi--color--icon--validation--warning--dark: var(--digi--sentiment--warning--500);
-  --digi--color--icon--validation--error--dark: var(--digi--sentiment--error--500);
-  --digi--color--misc--spinner-path--dark: var(--digi--grayscale--400);
-  --digi--color--misc--skeleton--dark: var(--digi--grayscale--400);
-  --digi--color--logotype-color--light: var(--digi--granskott--700);
-  --digi--color--infographic--lineart--light: var(--digi--grayscale--900);
-  --digi--color--infographic--background--light: var(--digi--grayscale--0);
-  --digi--color--infographic--brand--primary--light: var(--digi--granskott--700);
-  --digi--color--infographic--brand--secondary--light: var(--digi--granskott--250);
-  --digi--color--infographic--brand--tertiary--light: var(--digi--rallarros--500);
-  --digi--color--text--primary--light: var(--digi--grayscale--900);
-  --digi--color--text--secondary--light: var(--digi--grayscale--0);
-  --digi--color--text--description--light: var(--digi--grayscale--800);
-  --digi--color--text--interactive--primary--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--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
-  --digi--color--text--interactive--visited--light: var(--digi--amethyst--500);
-  --digi--color--background--surface--light: var(--digi--grayscale--0);
-  --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-elevated--light: var(--digi--grayscale--100);
-  --digi--color--background--secondary-muted--light: var(--digi--grayscale--50);
-  --digi--color--background--secondary-accent--light: var(--digi--grayscale--400);
-  --digi--color--background--pop-out--light: var(--digi--granskott--200);
-  --digi--color--background--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--background--transparent--light: var(--digi--misc--transparent);
-  --digi--color--background--notification--light: var(--digi--sentiment--error--500);
-  --digi--color--background--dropdown--light: var(--digi--grayscale--0);
-  --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--secondary--light: var(--digi--grayscale--0);
-  --digi--color--background--interactive--default--secondary-inverted--light: var(--digi--misc--transparent);
-  --digi--color--background--interactive--default--tertiary--light: var(--digi--grayscale--200);
-  --digi--color--background--interactive--default--quaternary--light: var(--digi--grayscale--100);
-  --digi--color--background--interactive--default--input-elements--light: var(--digi--grayscale--0);
-  --digi--color--background--interactive--default--pop-out--light: var(--digi--granskott--150);
-  --digi--color--background--interactive--hover--primary--light: var(--digi--natthimmel--700);
-  --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--hover--quarternary--light: var(--digi--grayscale--200);
-  --digi--color--background--interactive--hover--inverted--light: var(--digi--norrsken--400);
-  --digi--color--background--interactive--hover--quinary--light: var(--digi--misc--transparent);
-  --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--tertiary--light: var(--digi--grayscale--200);
-  --digi--color--background--interactive--selected--on-menu-minus-button--light: var(--digi--granskott--250);
-  --digi--color--background--interactive--validation--success--light: var(--digi--sentiment--success--200);
-  --digi--color--background--interactive--validation--warning--light: var(--digi--sentiment--warning--50);
-  --digi--color--background--interactive--validation--error--light: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--error--primary--light: var(--digi--sentiment--error--500);
-  --digi--color--background--sentiment--error--secondary--light: var(--digi--sentiment--error--700);
-  --digi--color--background--sentiment--error--tertiary--light: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--error--tertiary-discreet--light: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--success--primary--light: var(--digi--sentiment--success--500);
-  --digi--color--background--sentiment--success--secondary--light: var(--digi--sentiment--success--700);
-  --digi--color--background--sentiment--success--tertiary--light: var(--digi--sentiment--success--200);
-  --digi--color--background--sentiment--warning--primary--light: var(--digi--sentiment--warning--500);
-  --digi--color--background--sentiment--warning--secondary--light: var(--digi--sentiment--warning--700);
-  --digi--color--background--sentiment--warning--tertiary--light: var(--digi--sentiment--warning--200);
-  --digi--color--background--sentiment--warning--quarternary--light: var(--digi--sentiment--warning--50);
-  --digi--color--background--sentiment--info--primary--light: var(--digi--sentiment--informative--500);
-  --digi--color--background--sentiment--info--secondary--light: var(--digi--sentiment--informative--700);
-  --digi--color--background--sentiment--info--tertiary--light: var(--digi--sentiment--informative--200);
-  --digi--color--background--sentiment--neutral--primary--light: var(--digi--grayscale--700);
-  --digi--color--background--sentiment--neutral--secondary--light: var(--digi--grayscale--400);
-  --digi--color--background--sentiment--neutral--tertiary--light: var(--digi--grayscale--900);
-  --digi--color--background--sentiment--beta--primary--light: var(--digi--rallarros--500);
-  --digi--color--background--sentiment--beta--secondary--light: var(--digi--rallarros--300);
-  --digi--color--border--notification--light: var(--digi--grayscale--0);
-  --digi--color--border--transparent--light: var(--digi--misc--transparent);
-  --digi--color--border--interactive--default--primary--light: var(--digi--natthimmel--800);
-  --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--inverted--light: var(--digi--norrsken--500);
-  --digi--color--border--interactive--hover--primary--light: var(--digi--natthimmel--700);
-  --digi--color--border--interactive--hover--secondary--light: var(--digi--natthimmel--800);
-  --digi--color--border--interactive--hover--inverted--light: var(--digi--norrsken--400);
-  --digi--color--border--interactive--validation--success--light: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--validation--warning--light: var(--digi--sentiment--warning--900);
-  --digi--color--border--interactive--validation--error--light: var(--digi--sentiment--error--500);
-  --digi--color--border--interactive--selected--primary--light: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--selected--secondary--light: var(--digi--natthimmel--800);
-  --digi--color--border--sentiment--error--light: var(--digi--sentiment--error--500);
-  --digi--color--border--sentiment--success--light: var(--digi--sentiment--success--500);
-  --digi--color--border--sentiment--warning--light: var(--digi--sentiment--warning--500);
-  --digi--color--border--sentiment--info--light: var(--digi--sentiment--informative--500);
-  --digi--color--border--accent--primary--light: var(--digi--natthimmel--800);
-  --digi--color--border--accent--secondary--light: var(--digi--granskott--700);
-  --digi--color--marking--navigation--selected--light: var(--digi--granskott--700);
-  --digi--color--marking--navigation--level-active--light: var(--digi--granskott--250);
-  --digi--color--marking--navigation--level-inactive--light: var(--digi--grayscale--100);
-  --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--divider--primary--light: var(--digi--grayscale--400);
-  --digi--color--divider--secondary--light: var(--digi--grayscale--200);
-  --digi--color--divider--on-brand-primary--light: var(--digi--natthimmel--350);
-  --digi--color--divider--cta--light: var(--digi--sapphire--500);
-  --digi--color--icon--primary--light: var(--digi--grayscale--900);
-  --digi--color--icon--secondary--light: var(--digi--grayscale--0);
-  --digi--color--icon--cta--light: var(--digi--sapphire--500);
-  --digi--color--icon--brand-primary--light: var(--digi--natthimmel--800);
-  --digi--color--icon--brand-secondary--light: var(--digi--granskott--700);
-  --digi--color--icon--validation--success--light: var(--digi--sentiment--success--500);
-  --digi--color--icon--validation--warning--light: var(--digi--sentiment--warning--500);
-  --digi--color--icon--validation--error--light: var(--digi--sentiment--error--500);
-  --digi--color--misc--spinner-path--light: var(--digi--grayscale--400);
-  --digi--color--misc--skeleton--light: var(--digi--grayscale--400);
-  --digi--color--amber--200: #fff398;
-  --digi--color--amber--50: #fffbdd;
-  --digi--color--amber--500: #ffe200;
-  --digi--color--amber--700: #ffc108;
-  --digi--color--amber--900: #664d00;
   --digi--color--amethyst--500: #822998;
-  --digi--color--forest--200: #e9f6ec;
-  --digi--color--forest--500: #009322;
-  --digi--color--forest--700: #02703c;
-  --digi--color--indigo--200: #e9e9ff;
-  --digi--color--indigo--500: #0000ff;
-  --digi--color--indigo--700: #0058a3;
   --digi--color--jade--100: #bddfda;
   --digi--color--jade--200: #7fc1b6;
   --digi--color--jade--400: #379d8d;
@@ -624,7 +365,6 @@ License: none (public domain)
   --digi--color--leaf--400: #aace65;
   --digi--color--leaf--500: #95c23e;
   --digi--color--leaf--600: #779b32;
-  --digi--color--moon--0: #ffffff;
   --digi--color--pear--500: #b7ee4a;
   --digi--color--pear--600: #a7d943;
   --digi--color--rose--100: #f4cada;
@@ -635,9 +375,6 @@ License: none (public domain)
   --digi--color--rose--600: #bd2e65;
   --digi--color--rose--700: #882149;
   --digi--color--rose--900: #54172e;
-  --digi--color--ruby--200: #fdeded;
-  --digi--color--ruby--500: #da0000;
-  --digi--color--ruby--700: #c7311a;
   --digi--color--sapphire--500: #1616b2;
   --digi--color--stratos--100: #dddde9;
   --digi--color--stratos--400: #33337b;
@@ -646,335 +383,343 @@ License: none (public domain)
   --digi--color--water--200: #f1f8fe;
   --digi--color--water--500: #bdd3e7;
   --digi--color--water--700: #0058a3;
-  --digi--color--logotype-color--light--af18: var(--digi--color--leaf--500);
-  --digi--color--infographic--lineart--light--af18: var(--digi--grayscale--900);
-  --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--secondary--light--af18: var(--digi--color--leaf--200);
-  --digi--color--infographic--brand--tertiary--light--af18: var(--digi--color--rose--500);
-  --digi--color--text--primary--light--af18: var(--digi--grayscale--900);
-  --digi--color--text--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--text--description--light--af18: var(--digi--grayscale--800);
-  --digi--color--text--interactive--primary--light--af18: var(--digi--color--sapphire--500);
-  --digi--color--text--interactive--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--text--interactive--tertiary--light--af18: var(--digi--grayscale--900);
-  --digi--color--text--interactive--brand-primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--text--interactive--brand-secondary--light--af18: var(--digi--color--leaf--500);
-  --digi--color--text--interactive--visited--light--af18: var(--digi--color--amethyst--500);
-  --digi--color--background--primary--light--af18: var(--digi--grayscale--0);
-  --digi--color--background--secondary--light--af18: var(--digi--grayscale--100);
-  --digi--color--background--secondary-muted--light--af18: var(--digi--grayscale--50);
-  --digi--color--background--secondary-accent--light--af18: var(--digi--grayscale--400);
-  --digi--color--background--pop-out--light--af18: var(--digi--color--leaf--100);
   --digi--color--background--brand-primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--background--transparent--light--af18: var(--digi--misc--transparent);
-  --digi--color--background--notification--light--af18: var(--digi--sentiment--error--500);
+  --digi--color--background--interactive--default--input-elements--light--af18: var(--digi--grayscale--0);
+  --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--secondary-inverted--light--af18: var(--digi--misc--transparent);
   --digi--color--background--interactive--default--tertiary--light--af18: var(--digi--grayscale--200);
-  --digi--color--background--interactive--default--quaternary--light--af18: var(--digi--grayscale--100);
-  --digi--color--background--interactive--default--input-elements--light--af18: var(--digi--grayscale--0);
-  --digi--color--background--interactive--default--pop-out--light--af18: var(--digi--color--leaf--100);
+  --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);
   --digi--color--background--interactive--hover--secondary--light--af18: var(--digi--color--water--500);
   --digi--color--background--interactive--hover--tertiary--light--af18: var(--digi--color--sapphire--500);
-  --digi--color--background--interactive--hover--quarternary--light--af18: var(--digi--grayscale--200);
-  --digi--color--background--interactive--hover--inverted--light--af18: var(--digi--color--pear--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--secondary--light--af18: var(--digi--color--stratos--500);
   --digi--color--background--interactive--selected--tertiary--light--af18: var(--digi--grayscale--200);
-  --digi--color--background--interactive--selected--on-menu-minus-button--light--af18: var(--digi--color--leaf--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);
   --digi--color--background--interactive--validation--warning--light--af18: var(--digi--sentiment--warning--50);
-  --digi--color--background--interactive--validation--error--light--af18: var(--digi--sentiment--error--200);
+  --digi--color--background--notification--light--af18: var(--digi--sentiment--error--500);
+  --digi--color--background--pop-out--light--af18: var(--digi--color--leaf--100);
+  --digi--color--background--primary--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-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);
   --digi--color--background--sentiment--error--primary--light--af18: var(--digi--sentiment--error--500);
   --digi--color--background--sentiment--error--secondary--light--af18: var(--digi--sentiment--error--700);
   --digi--color--background--sentiment--error--tertiary--light--af18: var(--digi--sentiment--error--200);
-  --digi--color--background--sentiment--success--primary--light--af18: var(--digi--sentiment--success--500);
-  --digi--color--background--sentiment--success--secondary--light--af18: var(--digi--sentiment--success--700);
-  --digi--color--background--sentiment--success--tertiary--light--af18: var(--digi--sentiment--success--200);
-  --digi--color--background--sentiment--warning--primary--light--af18: var(--digi--sentiment--warning--500);
-  --digi--color--background--sentiment--warning--secondary--light--af18: var(--digi--sentiment--warning--700);
-  --digi--color--background--sentiment--warning--tertiary--light--af18: var(--digi--sentiment--warning--200);
-  --digi--color--background--sentiment--warning--quarternary--light--af18: var(--digi--sentiment--warning--50);
   --digi--color--background--sentiment--info--primary--light--af18: var(--digi--sentiment--informative--500);
   --digi--color--background--sentiment--info--secondary--light--af18: var(--digi--sentiment--informative--700);
   --digi--color--background--sentiment--info--tertiary--light--af18: var(--digi--sentiment--informative--200);
   --digi--color--background--sentiment--neutral--primary--light--af18: var(--digi--grayscale--700);
   --digi--color--background--sentiment--neutral--secondary--light--af18: var(--digi--grayscale--400);
   --digi--color--background--sentiment--neutral--tertiary--light--af18: var(--digi--grayscale--900);
-  --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);
-  --digi--color--border--notification--light--af18: var(--digi--grayscale--0);
-  --digi--color--border--transparent--light--af18: var(--digi--misc--transparent);
-  --digi--color--border--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--background--sentiment--success--primary--light--af18: var(--digi--sentiment--success--500);
+  --digi--color--background--sentiment--success--secondary--light--af18: var(--digi--sentiment--success--700);
+  --digi--color--background--sentiment--success--tertiary--light--af18: var(--digi--sentiment--success--200);
+  --digi--color--background--sentiment--warning--primary--light--af18: var(--digi--sentiment--warning--500);
+  --digi--color--background--sentiment--warning--quarternary--light--af18: var(--digi--sentiment--warning--50);
+  --digi--color--background--sentiment--warning--secondary--light--af18: var(--digi--sentiment--warning--700);
+  --digi--color--background--sentiment--warning--tertiary--light--af18: var(--digi--sentiment--warning--200);
+  --digi--color--background--transparent--light--af18: var(--digi--misc--transparent);
+  --digi--color--border--accent--primary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--border--accent--secondary--light--af18: var(--digi--color--leaf--500);
+  --digi--color--border--interactive--default--inverted--light--af18: var(--digi--color--leaf--500);
   --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--inverted--light--af18: var(--digi--color--leaf--500);
+  --digi--color--border--interactive--default--primary--light--af18: var(--digi--color--stratos--500);
+  --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);
-  --digi--color--border--interactive--hover--inverted--light--af18: var(--digi--color--pear--500);
-  --digi--color--border--interactive--validation--success--light--af18: var(--digi--sentiment--success--500);
-  --digi--color--border--interactive--validation--warning--light--af18: var(--digi--sentiment--warning--900);
-  --digi--color--border--interactive--validation--error--light--af18: var(--digi--sentiment--error--500);
   --digi--color--border--interactive--selected--primary--light--af18: var(--digi--sentiment--success--500);
   --digi--color--border--interactive--selected--secondary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--border--interactive--validation--error--light--af18: var(--digi--sentiment--error--500);
+  --digi--color--border--interactive--validation--success--light--af18: var(--digi--sentiment--success--500);
+  --digi--color--border--interactive--validation--warning--light--af18: var(--digi--sentiment--warning--900);
+  --digi--color--border--notification--light--af18: var(--digi--grayscale--0);
   --digi--color--border--sentiment--error--light--af18: var(--digi--sentiment--error--500);
+  --digi--color--border--sentiment--info--light--af18: var(--digi--sentiment--informative--500);
   --digi--color--border--sentiment--success--light--af18: var(--digi--sentiment--success--500);
   --digi--color--border--sentiment--warning--light--af18: var(--digi--sentiment--warning--500);
-  --digi--color--border--sentiment--info--light--af18: var(--digi--sentiment--informative--500);
-  --digi--color--border--accent--primary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--border--accent--secondary--light--af18: var(--digi--color--leaf--500);
-  --digi--color--marking--navigation--selected--light--af18: var(--digi--color--leaf--500);
-  --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--indication--primary--light--af18: var(--digi--sentiment--success--500);
-  --digi--color--marking--indication--secondary--light--af18: var(--digi--color--stratos--500);
-  --digi--color--marking--indication--tertiary--light--af18: var(--digi--grayscale--700);
+  --digi--color--border--transparent--light--af18: var(--digi--misc--transparent);
+  --digi--color--divider--cta--light--af18: var(--digi--color--sapphire--500);
+  --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--on-brand-primary--light--af18: var(--digi--color--stratos--400);
-  --digi--color--divider--cta--light--af18: var(--digi--color--sapphire--500);
-  --digi--color--icon--primary--light--af18: var(--digi--grayscale--900);
-  --digi--color--icon--secondary--light--af18: var(--digi--grayscale--0);
-  --digi--color--icon--cta--light--af18: var(--digi--color--sapphire--500);
   --digi--color--icon--brand-primary--light--af18: var(--digi--color--stratos--500);
   --digi--color--icon--brand-secondary--light--af18: var(--digi--color--leaf--500);
+  --digi--color--icon--cta--light--af18: var(--digi--color--sapphire--500);
+  --digi--color--icon--primary--light--af18: var(--digi--grayscale--900);
+  --digi--color--icon--secondary--light--af18: var(--digi--grayscale--0);
+  --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--icon--validation--error--light--af18: var(--digi--sentiment--error--500);
-  --digi--color--misc--spinner-path--light--af18: var(--digi--grayscale--400);
+  --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;
+  --digi--color--logotype--secondary--text--light--af18: var(--digi--grayscale--0);
+  --digi--color--marking--indication--primary--light--af18: var(--digi--sentiment--success--500);
+  --digi--color--marking--indication--secondary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--marking--indication--tertiary--light--af18: var(--digi--grayscale--700);
+  --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--skeleton--light--af18: var(--digi--grayscale--400);
-}
-@media (prefers-color-scheme: light) {
-  :root {
-    --digi--color--logotype-color: var(--digi--color--logotype-color--light);
-    --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--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--secondary: var(--digi--color--infographic--brand--secondary--light);
-    --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--light);
-    --digi--color--text--primary: var(--digi--color--text--primary--light);
-    --digi--color--text--secondary: var(--digi--color--text--secondary--light);
-    --digi--color--text--description: var(--digi--color--text--description--light);
-    --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--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--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
-    --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
-    --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--light);
-    --digi--color--background--surface: var(--digi--color--background--surface--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-elevated: var(--digi--color--background--secondary-elevated--light);
-    --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--light);
-    --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--light);
-    --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
-    --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
-    --digi--color--background--transparent: var(--digi--color--background--transparent--light);
-    --digi--color--background--notification: var(--digi--color--background--notification--light);
-    --digi--color--background--dropdown: var(--digi--color--background--dropdown--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--secondary: var(--digi--color--background--interactive--default--secondary--light);
-    --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
-    --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--light);
-    --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--light);
-    --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--light);
-    --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--light);
-    --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--light);
-    --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--light);
-    --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--light);
-    --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--light);
-    --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--light);
-    --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--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--tertiary: var(--digi--color--background--interactive--selected--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--validation--success: var(--digi--color--background--interactive--validation--success--light);
-    --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
-    --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--light);
-    --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
-    --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
-    --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
-    --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--light);
-    --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
-    --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
-    --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
-    --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
-    --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
-    --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
-    --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
-    --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
-    --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
-    --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
-    --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
-    --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
-    --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--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);
-    --digi--color--border--notification: var(--digi--color--border--notification--light);
-    --digi--color--border--transparent: var(--digi--color--border--transparent--light);
-    --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
-    --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
-    --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
-    --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
-    --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
-    --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
-    --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
-    --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
-    --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
-    --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
-    --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
-    --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
-    --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
-    --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
-    --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
-    --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
-    --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
-    --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
-    --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--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--indication--primary: var(--digi--color--marking--indication--primary--light);
-    --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
-    --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--light);
-    --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--light);
-    --digi--color--divider--primary: var(--digi--color--divider--primary--light);
-    --digi--color--divider--secondary: var(--digi--color--divider--secondary--light);
-    --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--light);
-    --digi--color--divider--cta: var(--digi--color--divider--cta--light);
-    --digi--color--icon--primary: var(--digi--color--icon--primary--light);
-    --digi--color--icon--secondary: var(--digi--color--icon--secondary--light);
-    --digi--color--icon--cta: var(--digi--color--icon--cta--light);
-    --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
-    --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--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--icon--validation--error: var(--digi--color--icon--validation--error--light);
-    --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--light);
-    --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--light);
-  }
-}
-@media (prefers-color-scheme: dark) {
-  :root {
-    --digi--color--logotype-color: var(--digi--color--logotype-color--dark);
-    --digi--color--infographic--lineart: var(--digi--color--infographic--lineart--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--secondary: var(--digi--color--infographic--brand--secondary--dark);
-    --digi--color--infographic--brand--tertiary: var(--digi--color--infographic--brand--tertiary--dark);
-    --digi--color--text--primary: var(--digi--color--text--primary--dark);
-    --digi--color--text--secondary: var(--digi--color--text--secondary--dark);
-    --digi--color--text--description: var(--digi--color--text--description--dark);
-    --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--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--brand-primary: var(--digi--color--text--interactive--brand-primary--dark);
-    --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--dark);
-    --digi--color--text--interactive--visited: var(--digi--color--text--interactive--visited--dark);
-    --digi--color--background--surface: var(--digi--color--background--surface--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-elevated: var(--digi--color--background--secondary-elevated--dark);
-    --digi--color--background--secondary-muted: var(--digi--color--background--secondary-muted--dark);
-    --digi--color--background--secondary-accent: var(--digi--color--background--secondary-accent--dark);
-    --digi--color--background--pop-out: var(--digi--color--background--pop-out--dark);
-    --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--dark);
-    --digi--color--background--transparent: var(--digi--color--background--transparent--dark);
-    --digi--color--background--notification: var(--digi--color--background--notification--dark);
-    --digi--color--background--dropdown: var(--digi--color--background--dropdown--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--secondary: var(--digi--color--background--interactive--default--secondary--dark);
-    --digi--color--background--interactive--default--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--dark);
-    --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--dark);
-    --digi--color--background--interactive--default--quaternary: var(--digi--color--background--interactive--default--quaternary--dark);
-    --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--dark);
-    --digi--color--background--interactive--default--pop-out: var(--digi--color--background--interactive--default--pop-out--dark);
-    --digi--color--background--interactive--hover--primary: var(--digi--color--background--interactive--hover--primary--dark);
-    --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--dark);
-    --digi--color--background--interactive--hover--tertiary: var(--digi--color--background--interactive--hover--tertiary--dark);
-    --digi--color--background--interactive--hover--quarternary: var(--digi--color--background--interactive--hover--quarternary--dark);
-    --digi--color--background--interactive--hover--inverted: var(--digi--color--background--interactive--hover--inverted--dark);
-    --digi--color--background--interactive--hover--quinary: var(--digi--color--background--interactive--hover--quinary--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--tertiary: var(--digi--color--background--interactive--selected--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--validation--success: var(--digi--color--background--interactive--validation--success--dark);
-    --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--dark);
-    --digi--color--background--interactive--validation--error: var(--digi--color--background--interactive--validation--error--dark);
-    --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--dark);
-    --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--dark);
-    --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--dark);
-    --digi--color--background--sentiment--error--tertiary-discreet: var(--digi--color--background--sentiment--error--tertiary-discreet--dark);
-    --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--dark);
-    --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--dark);
-    --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--dark);
-    --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--dark);
-    --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--dark);
-    --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--dark);
-    --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--dark);
-    --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--dark);
-    --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--dark);
-    --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--dark);
-    --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--dark);
-    --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--dark);
-    --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--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);
-    --digi--color--border--notification: var(--digi--color--border--notification--dark);
-    --digi--color--border--transparent: var(--digi--color--border--transparent--dark);
-    --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--dark);
-    --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--dark);
-    --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--dark);
-    --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--dark);
-    --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--dark);
-    --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--dark);
-    --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--dark);
-    --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--dark);
-    --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--dark);
-    --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--dark);
-    --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--dark);
-    --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--dark);
-    --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--dark);
-    --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--dark);
-    --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--dark);
-    --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--dark);
-    --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--dark);
-    --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--dark);
-    --digi--color--marking--navigation--selected: var(--digi--color--marking--navigation--selected--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--indication--primary: var(--digi--color--marking--indication--primary--dark);
-    --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--dark);
-    --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--dark);
-    --digi--color--marking--indication--marker: var(--digi--color--marking--indication--marker--dark);
-    --digi--color--divider--primary: var(--digi--color--divider--primary--dark);
-    --digi--color--divider--secondary: var(--digi--color--divider--secondary--dark);
-    --digi--color--divider--on-brand-primary: var(--digi--color--divider--on-brand-primary--dark);
-    --digi--color--divider--cta: var(--digi--color--divider--cta--dark);
-    --digi--color--icon--primary: var(--digi--color--icon--primary--dark);
-    --digi--color--icon--secondary: var(--digi--color--icon--secondary--dark);
-    --digi--color--icon--cta: var(--digi--color--icon--cta--dark);
-    --digi--color--icon--brand-primary: var(--digi--color--icon--brand-primary--dark);
-    --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--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--icon--validation--error: var(--digi--color--icon--validation--error--dark);
-    --digi--color--misc--spinner-path: var(--digi--color--misc--spinner-path--dark);
-    --digi--color--misc--skeleton: var(--digi--color--misc--skeleton--dark);
-  }
+  --digi--color--misc--spinner-path--light--af18: var(--digi--grayscale--400);
+  --digi--color--text--description--light--af18: var(--digi--grayscale--800);
+  --digi--color--text--interactive--brand-primary--light--af18: var(--digi--color--stratos--500);
+  --digi--color--text--interactive--brand-secondary--light--af18: var(--digi--color--leaf--500);
+  --digi--color--text--interactive--primary--light--af18: var(--digi--color--sapphire--500);
+  --digi--color--text--interactive--secondary--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--secondary--light--af18: var(--digi--grayscale--0);
+  --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--650: #1db920;
+  --digi--granskott--700: #02a704;
+  --digi--granskott--750: #018903;
+  --digi--granskott--800: #016503;
+  --digi--natthimmel--200: #e9f6fd;
+  --digi--natthimmel--250: #ddf1fc;
+  --digi--natthimmel--300: #c9e9fa;
+  --digi--natthimmel--350: #abdef7;
+  --digi--natthimmel--700: #043982;
+  --digi--natthimmel--800: #091d54;
+  --digi--natthimmel--900: #071744;
+  --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--light: var(--digi--natthimmel--800);
+  --digi--color--background--interactive--default--input-elements--light: var(--digi--grayscale--0);
+  --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--secondary-inverted--light: var(--digi--misc--transparent);
+  --digi--color--background--interactive--default--tertiary--light: var(--digi--grayscale--200);
+  --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--primary--light: var(--digi--sentiment--success--500);
+  --digi--color--background--interactive--selected--secondary--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);
+  --digi--color--background--interactive--validation--warning--light: var(--digi--sentiment--warning--50);
+  --digi--color--background--notification--light: var(--digi--sentiment--error--500);
+  --digi--color--background--pop-out--light: var(--digi--granskott--200);
+  --digi--color--background--primary--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-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);
+  --digi--color--background--sentiment--error--primary--light: var(--digi--sentiment--error--500);
+  --digi--color--background--sentiment--error--secondary--light: var(--digi--sentiment--error--700);
+  --digi--color--background--sentiment--error--tertiary--light: var(--digi--sentiment--error--200);
+  --digi--color--background--sentiment--info--primary--light: var(--digi--sentiment--informative--500);
+  --digi--color--background--sentiment--info--secondary--light: var(--digi--sentiment--informative--700);
+  --digi--color--background--sentiment--info--tertiary--light: var(--digi--sentiment--informative--200);
+  --digi--color--background--sentiment--neutral--primary--light: var(--digi--grayscale--700);
+  --digi--color--background--sentiment--neutral--secondary--light: var(--digi--grayscale--400);
+  --digi--color--background--sentiment--neutral--tertiary--light: var(--digi--grayscale--900);
+  --digi--color--background--sentiment--success--primary--light: var(--digi--sentiment--success--500);
+  --digi--color--background--sentiment--success--secondary--light: var(--digi--sentiment--success--700);
+  --digi--color--background--sentiment--success--tertiary--light: var(--digi--sentiment--success--200);
+  --digi--color--background--sentiment--warning--primary--light: var(--digi--sentiment--warning--500);
+  --digi--color--background--sentiment--warning--quarternary--light: var(--digi--sentiment--warning--50);
+  --digi--color--background--sentiment--warning--secondary--light: var(--digi--sentiment--warning--700);
+  --digi--color--background--sentiment--warning--tertiary--light: var(--digi--sentiment--warning--200);
+  --digi--color--background--transparent--light: var(--digi--misc--transparent);
+  --digi--color--border--accent--primary--light: var(--digi--natthimmel--800);
+  --digi--color--border--accent--secondary--light: var(--digi--granskott--700);
+  --digi--color--border--interactive--default--inverted--light: var(--digi--norrsken--500);
+  --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--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);
+  --digi--color--border--interactive--selected--primary--light: var(--digi--sentiment--success--500);
+  --digi--color--border--interactive--selected--secondary--light: var(--digi--natthimmel--800);
+  --digi--color--border--interactive--validation--error--light: var(--digi--sentiment--error--500);
+  --digi--color--border--interactive--validation--success--light: var(--digi--sentiment--success--500);
+  --digi--color--border--interactive--validation--warning--light: var(--digi--sentiment--warning--900);
+  --digi--color--border--notification--light: var(--digi--grayscale--0);
+  --digi--color--border--sentiment--error--light: var(--digi--sentiment--error--500);
+  --digi--color--border--sentiment--info--light: var(--digi--sentiment--informative--500);
+  --digi--color--border--sentiment--success--light: var(--digi--sentiment--success--500);
+  --digi--color--border--sentiment--warning--light: var(--digi--sentiment--warning--500);
+  --digi--color--border--transparent--light: var(--digi--misc--transparent);
+  --digi--color--divider--cta--light: var(--digi--sapphire--500);
+  --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--icon--brand-primary--light: var(--digi--natthimmel--800);
+  --digi--color--icon--brand-secondary--light: var(--digi--norrsken--500);
+  --digi--color--icon--cta--light: var(--digi--sapphire--500);
+  --digi--color--icon--primary--light: var(--digi--grayscale--900);
+  --digi--color--icon--secondary--light: var(--digi--grayscale--0);
+  --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;
+  --digi--color--logotype--secondary--text--light: var(--digi--grayscale--0);
+  --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-inactive--light: var(--digi--grayscale--100);
+  --digi--color--marking--navigation--selected--light: var(--digi--granskott--700);
+  --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);
+  --digi--color--text--interactive--brand-primary--light: var(--digi--natthimmel--800);
+  --digi--color--text--interactive--brand-secondary--light: var(--digi--norrsken--500);
+  --digi--color--text--interactive--primary--light: var(--digi--sapphire--500);
+  --digi--color--text--interactive--secondary--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);
+  --digi--color--text--secondary--light: var(--digi--grayscale--0);
+  --digi--color--background--brand-primary: var(--digi--color--background--brand-primary--light);
+  --digi--color--background--interactive--default--input-elements: var(--digi--color--background--interactive--default--input-elements--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--secondary-inverted: var(--digi--color--background--interactive--default--secondary-inverted--light);
+  --digi--color--background--interactive--default--tertiary: var(--digi--color--background--interactive--default--tertiary--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);
+  --digi--color--background--interactive--hover--secondary: var(--digi--color--background--interactive--hover--secondary--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--secondary: var(--digi--color--background--interactive--selected--secondary--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);
+  --digi--color--background--interactive--validation--warning: var(--digi--color--background--interactive--validation--warning--light);
+  --digi--color--background--notification: var(--digi--color--background--notification--light);
+  --digi--color--background--pop-out: var(--digi--color--background--pop-out--light);
+  --digi--color--background--primary: var(--digi--color--background--primary--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-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);
+  --digi--color--background--sentiment--error--primary: var(--digi--color--background--sentiment--error--primary--light);
+  --digi--color--background--sentiment--error--secondary: var(--digi--color--background--sentiment--error--secondary--light);
+  --digi--color--background--sentiment--error--tertiary: var(--digi--color--background--sentiment--error--tertiary--light);
+  --digi--color--background--sentiment--info--primary: var(--digi--color--background--sentiment--info--primary--light);
+  --digi--color--background--sentiment--info--secondary: var(--digi--color--background--sentiment--info--secondary--light);
+  --digi--color--background--sentiment--info--tertiary: var(--digi--color--background--sentiment--info--tertiary--light);
+  --digi--color--background--sentiment--neutral--primary: var(--digi--color--background--sentiment--neutral--primary--light);
+  --digi--color--background--sentiment--neutral--secondary: var(--digi--color--background--sentiment--neutral--secondary--light);
+  --digi--color--background--sentiment--neutral--tertiary: var(--digi--color--background--sentiment--neutral--tertiary--light);
+  --digi--color--background--sentiment--success--primary: var(--digi--color--background--sentiment--success--primary--light);
+  --digi--color--background--sentiment--success--secondary: var(--digi--color--background--sentiment--success--secondary--light);
+  --digi--color--background--sentiment--success--tertiary: var(--digi--color--background--sentiment--success--tertiary--light);
+  --digi--color--background--sentiment--warning--primary: var(--digi--color--background--sentiment--warning--primary--light);
+  --digi--color--background--sentiment--warning--quarternary: var(--digi--color--background--sentiment--warning--quarternary--light);
+  --digi--color--background--sentiment--warning--secondary: var(--digi--color--background--sentiment--warning--secondary--light);
+  --digi--color--background--sentiment--warning--tertiary: var(--digi--color--background--sentiment--warning--tertiary--light);
+  --digi--color--background--transparent: var(--digi--color--background--transparent--light);
+  --digi--color--border--accent--primary: var(--digi--color--border--accent--primary--light);
+  --digi--color--border--accent--secondary: var(--digi--color--border--accent--secondary--light);
+  --digi--color--border--interactive--default--inverted: var(--digi--color--border--interactive--default--inverted--light);
+  --digi--color--border--interactive--default--on-input: var(--digi--color--border--interactive--default--on-input--light);
+  --digi--color--border--interactive--default--on-input-nuance: var(--digi--color--border--interactive--default--on-input-nuance--light);
+  --digi--color--border--interactive--default--primary: var(--digi--color--border--interactive--default--primary--light);
+  --digi--color--border--interactive--hover--inverted: var(--digi--color--border--interactive--hover--inverted--light);
+  --digi--color--border--interactive--hover--primary: var(--digi--color--border--interactive--hover--primary--light);
+  --digi--color--border--interactive--hover--secondary: var(--digi--color--border--interactive--hover--secondary--light);
+  --digi--color--border--interactive--selected--primary: var(--digi--color--border--interactive--selected--primary--light);
+  --digi--color--border--interactive--selected--secondary: var(--digi--color--border--interactive--selected--secondary--light);
+  --digi--color--border--interactive--validation--error: var(--digi--color--border--interactive--validation--error--light);
+  --digi--color--border--interactive--validation--success: var(--digi--color--border--interactive--validation--success--light);
+  --digi--color--border--interactive--validation--warning: var(--digi--color--border--interactive--validation--warning--light);
+  --digi--color--border--notification: var(--digi--color--border--notification--light);
+  --digi--color--border--sentiment--error: var(--digi--color--border--sentiment--error--light);
+  --digi--color--border--sentiment--info: var(--digi--color--border--sentiment--info--light);
+  --digi--color--border--sentiment--success: var(--digi--color--border--sentiment--success--light);
+  --digi--color--border--sentiment--warning: var(--digi--color--border--sentiment--warning--light);
+  --digi--color--border--transparent: var(--digi--color--border--transparent--light);
+  --digi--color--divider--cta: var(--digi--color--divider--cta--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--icon--brand-primary: var(--digi--color--icon--brand-primary--light);
+  --digi--color--icon--brand-secondary: var(--digi--color--icon--brand-secondary--light);
+  --digi--color--icon--cta: var(--digi--color--icon--cta--light);
+  --digi--color--icon--primary: var(--digi--color--icon--primary--light);
+  --digi--color--icon--secondary: var(--digi--color--icon--secondary--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);
+  --digi--color--logotype--secondary--text: var(--digi--color--logotype--secondary--text--light);
+  --digi--color--marking--indication--primary: var(--digi--color--marking--indication--primary--light);
+  --digi--color--marking--indication--secondary: var(--digi--color--marking--indication--secondary--light);
+  --digi--color--marking--indication--tertiary: var(--digi--color--marking--indication--tertiary--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--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);
+  --digi--color--text--interactive--brand-primary: var(--digi--color--text--interactive--brand-primary--light);
+  --digi--color--text--interactive--brand-secondary: var(--digi--color--text--interactive--brand-secondary--light);
+  --digi--color--text--interactive--primary: var(--digi--color--text--interactive--primary--light);
+  --digi--color--text--interactive--secondary: var(--digi--color--text--interactive--secondary--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);
+  --digi--color--text--secondary: var(--digi--color--text--secondary--light);
 }
 body {
@@ -995,7 +740,7 @@ body {
   --digi--form-checkbox--border-color--warning: var(--digi--color--border--interactive--validation--warning);
   --digi--form-checkbox--box-shadow--error: var(--digi--color--border--interactive--validation--error);
   --digi--form-checkbox--box-shadow--warning: var(--digi--color--border--interactive--validation--warning);
-  --digi--form-checkbox--background-color: var(--digi--color--background--interactive--default--input-elements);
+  --digi--form-checkbox--background-color: var(--digi--color--background--primary);
   --digi--form-checkbox--background-color--primary: var(--digi--color--background--interactive--selected--primary);
   --digi--form-checkbox--background-color--secondary: var(--digi--color--background--interactive--selected--secondary);
   --digi--form-checkbox--background-color--error: var(--digi--color--background--interactive--validation--error);
@@ -1008,6 +753,8 @@ body {
   --digi--form-checkbox--border-radius: var(--digi--border-radius--tertiary);
   --digi--form-checkbox--padding--block: var(--digi--gutter--small);
   --digi--form-checkbox--padding--inline: var(--digi--gutter--icon);
+  display: block;
+  width: fit-content;
 }
 :host .digi-form-checkbox {
   --BACKGROUND--DEFAULT: var(--digi--form-checkbox--background-color);
@@ -1082,7 +829,7 @@ body {
 }
 .digi-form-checkbox__label:last-child {
-  margin-bottom: 0.75rem;
+  padding-bottom: 0.75rem;
 }
 .digi-form-checkbox__box {
@@ -1123,22 +870,19 @@ body {
   opacity: 1;
 }
-.digi-form-checkbox__input:focus:not(:checked) ~ .digi-form-checkbox__label .digi-form-checkbox__box {
+/* "Äkta" visuell fokusindikator, dvs när elementet har fokus och användaren navigerar med tangentbordet */
+.digi-form-checkbox__input:focus-visible ~ .digi-form-checkbox__label .digi-form-checkbox__box {
   outline: 2px solid black;
   outline-offset: 2px;
   box-shadow: 0px 0px 0px 5px white;
 }
-.digi-form-checkbox__input:focus-visible ~ .digi-form-checkbox__label .digi-form-checkbox__box {
+/* "Tvingad" visuell fokusindikator, används främst när fokus sätts programatiskt */
+.digi-form-checkbox--focus-visible .digi-form-checkbox__input:focus ~ .digi-form-checkbox__label .digi-form-checkbox__box {
   outline: 2px solid black;
   outline-offset: 2px;
   box-shadow: 0px 0px 0px 5px white;
 }
-.digi-form-checkbox--layout-block .digi-form-checkbox__input:focus-visible ~ .digi-form-checkbox__label {
-  box-shadow: none;
-  outline: var(--digi--focus-outline);
-  background-color: var(--digi--form-checkbox--label--background-color--hover);
-}
 .digi-form-checkbox__description {
   max-width: var(--digi--paragraph-width--medium);