@navikt/ds-tokens 7.1.0 → 7.1.2

package/dist/darkside/tokens.css

@@ -110,212 +110,212 @@
   --a-neutral-300: #e1e3e7;
   --a-neutral-200: #ecedef;
   --a-neutral-100: #f5f6f7;
-  --a-contrast-data-two: #fff;
-  --a-contrast-data-one: #fff;
-  --a-contrast-brand-three: #fff;
-  --a-contrast-brand-two: #fff;
-  --a-contrast-brand-one: #fff;
-  --a-contrast-warning: #fff;
-  --a-contrast-success: #fff;
-  --a-contrast-info: #fff;
-  --a-contrast-danger: #fff;
-  --a-contrast-neutral: #fff;
-  --a-contrast-accent: #fff;
-  --a-bg-overlay: #021431;
+  --a-bg-overlay: #0214317d;
+  --a-contrast-data-two: var(--a-neutral-000);
+  --a-contrast-data-one: var(--a-neutral-000);
+  --a-contrast-brand-three: var(--a-neutral-000);
+  --a-contrast-brand-two: var(--a-neutral-000);
+  --a-contrast-brand-one: var(--a-neutral-000);
+  --a-contrast-warning: var(--a-neutral-000);
+  --a-contrast-success: var(--a-neutral-000);
+  --a-contrast-info: var(--a-neutral-000);
+  --a-contrast-danger: var(--a-neutral-000);
+  --a-contrast-neutral: var(--a-neutral-000);
+  --a-contrast-accent: var(--a-neutral-000);
   --a-border-focus: var(--a-accent-700);
-  --a-border-strong: var(--a-neutral-700);
+  --a-border-strong: var(--a-neutral-600);
   --a-border-subtle: var(--a-neutral-400);
-  --a-border-default: var(--a-neutral-600);
-  --a-border-data-two-strong: var(--a-data-two-700);
+  --a-border-default: var(--a-neutral-500);
+  --a-border-data-two-strong: var(--a-data-two-600);
   --a-border-data-two-subtle: var(--a-data-two-400);
-  --a-border-data-two: var(--a-data-two-600);
-  --a-border-data-one-strong: var(--a-data-one-700);
+  --a-border-data-two: var(--a-data-two-500);
+  --a-border-data-one-strong: var(--a-data-one-600);
   --a-border-data-one-subtle: var(--a-data-one-400);
-  --a-border-data-one: var(--a-data-one-600);
-  --a-border-brand-three-strong: var(--a-brand-three-700);
+  --a-border-data-one: var(--a-data-one-500);
+  --a-border-brand-three-strong: var(--a-brand-three-600);
   --a-border-brand-three-subtle: var(--a-brand-three-400);
-  --a-border-brand-three: var(--a-brand-three-600);
-  --a-border-brand-two-strong: var(--a-brand-two-700);
+  --a-border-brand-three: var(--a-brand-three-500);
+  --a-border-brand-two-strong: var(--a-brand-two-600);
   --a-border-brand-two-subtle: var(--a-brand-two-400);
-  --a-border-brand-two: var(--a-brand-two-600);
-  --a-border-brand-one-strong: var(--a-brand-one-700);
+  --a-border-brand-two: var(--a-brand-two-500);
+  --a-border-brand-one-strong: var(--a-brand-one-600);
   --a-border-brand-one-subtle: var(--a-brand-one-400);
-  --a-border-brand-one: var(--a-brand-one-600);
-  --a-border-info-strong: var(--a-info-700);
+  --a-border-brand-one: var(--a-brand-one-500);
+  --a-border-info-strong: var(--a-info-600);
   --a-border-info-subtle: var(--a-info-400);
-  --a-border-info: var(--a-info-600);
-  --a-border-danger-strong: var(--a-danger-700);
+  --a-border-info: var(--a-info-500);
+  --a-border-danger-strong: var(--a-danger-600);
   --a-border-danger-subtle: var(--a-danger-400);
-  --a-border-danger: var(--a-danger-600);
-  --a-border-warning-strong: var(--a-warning-700);
+  --a-border-danger: var(--a-danger-500);
+  --a-border-warning-strong: var(--a-warning-600);
   --a-border-warning-subtle: var(--a-warning-400);
-  --a-border-warning: var(--a-warning-600);
-  --a-border-success-strong: var(--a-success-700);
+  --a-border-warning: var(--a-warning-500);
+  --a-border-success-strong: var(--a-success-600);
   --a-border-success-subtle: var(--a-success-400);
-  --a-border-success: var(--a-success-600);
-  --a-border-accent-strong: var(--a-accent-700);
+  --a-border-success: var(--a-success-500);
+  --a-border-accent-strong: var(--a-accent-600);
   --a-border-accent-subtle: var(--a-accent-400);
-  --a-border-accent: var(--a-accent-600);
-  --a-border-neutral-strong: var(--a-neutral-700);
+  --a-border-accent: var(--a-accent-500);
+  --a-border-neutral-strong: var(--a-neutral-600);
   --a-border-neutral-subtle: var(--a-neutral-400);
-  --a-border-neutral: var(--a-neutral-600);
+  --a-border-neutral: var(--a-neutral-500);
   --a-text-icon: var(--a-neutral-600);
   --a-text-subtle: var(--a-neutral-900);
   --a-text-default: var(--a-neutral-1000);
   --a-text-data-two-icon: var(--a-data-two-600);
-  --a-text-data-two-subtle: var(--a-data-two-700);
-  --a-text-data-two: var(--a-data-two-900);
+  --a-text-data-two-strong: var(--a-data-two-900);
+  --a-text-data-two: var(--a-data-two-700);
   --a-text-data-one-icon: var(--a-data-one-600);
-  --a-text-data-one-subtle: var(--a-data-one-700);
-  --a-text-data-one: var(--a-data-one-900);
+  --a-text-data-one-strong: var(--a-data-one-900);
+  --a-text-data-one: var(--a-data-one-700);
   --a-text-brand-three-icon: var(--a-brand-three-600);
-  --a-text-brand-three-subtle: var(--a-brand-three-700);
-  --a-text-brand-three: var(--a-brand-three-900);
+  --a-text-brand-three-strong: var(--a-brand-three-900);
+  --a-text-brand-three: var(--a-brand-three-700);
   --a-text-brand-two-icon: var(--a-brand-two-600);
-  --a-text-brand-two-subtle: var(--a-brand-two-700);
-  --a-text-brand-two: var(--a-brand-two-900);
+  --a-text-brand-two-strong: var(--a-brand-two-900);
+  --a-text-brand-two: var(--a-brand-two-700);
   --a-text-brand-one-icon: var(--a-brand-one-600);
-  --a-text-brand-one-subtle: var(--a-brand-one-700);
-  --a-text-brand-one: var(--a-brand-one-900);
+  --a-text-brand-one-strong: var(--a-brand-one-900);
+  --a-text-brand-one: var(--a-brand-one-700);
   --a-text-info-icon: var(--a-info-600);
-  --a-text-info-subtle: var(--a-info-700);
-  --a-text-info: var(--a-info-900);
+  --a-text-info-strong: var(--a-info-900);
+  --a-text-info: var(--a-info-700);
   --a-text-danger-icon: var(--a-danger-600);
-  --a-text-danger-subtle: var(--a-danger-700);
-  --a-text-danger: var(--a-danger-900);
+  --a-text-danger-strong: var(--a-danger-900);
+  --a-text-danger: var(--a-danger-700);
   --a-text-warning-icon: var(--a-warning-600);
-  --a-text-warning-subtle: var(--a-warning-700);
-  --a-text-warning: var(--a-warning-900);
+  --a-text-warning-strong: var(--a-warning-900);
+  --a-text-warning: var(--a-warning-700);
   --a-text-success-icon: var(--a-success-600);
-  --a-text-success-subtle: var(--a-success-700);
-  --a-text-success: var(--a-success-900);
+  --a-text-success-strong: var(--a-success-900);
+  --a-text-success: var(--a-success-700);
   --a-text-accent-icon: var(--a-accent-600);
-  --a-text-accent-subtle: var(--a-accent-700);
-  --a-text-accent: var(--a-accent-900);
+  --a-text-accent-strong: var(--a-accent-900);
+  --a-text-accent: var(--a-accent-700);
   --a-text-neutral-icon: var(--a-neutral-600);
-  --a-text-neutral-subtle: var(--a-neutral-700);
-  --a-text-neutral: var(--a-neutral-900);
+  --a-text-neutral-strong: var(--a-neutral-900);
+  --a-text-neutral: var(--a-neutral-700);
   --a-bg-sunken: var(--a-neutral-200);
   --a-bg-raised: var(--a-neutral-000);
   --a-bg-input: var(--a-neutral-000);
   --a-bg-default: var(--a-neutral-000);
   --a-bg-data-two-raised-hover: var(--a-data-two-200);
   --a-bg-data-two-raised: var(--a-data-two-100);
-  --a-bg-data-two-strong-active: var(--a-data-two-800);
+  --a-bg-data-two-strong-pressed: var(--a-data-two-800);
   --a-bg-data-two-strong-hover: var(--a-data-two-700);
   --a-bg-data-two-strong: var(--a-data-two-600);
-  --a-bg-data-two-moderate-selected: var(--a-data-two-600);
-  --a-bg-data-two-moderate-active: var(--a-data-two-400);
+  --a-bg-data-two-moderate-selected: var(--a-data-two-700);
+  --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
   --a-bg-data-two-moderate-hover: var(--a-data-two-300);
   --a-bg-data-two-moderate: var(--a-data-two-200);
   --a-bg-data-two-hover: var(--a-data-two-200);
   --a-bg-data-two: var(--a-data-two-100);
   --a-bg-data-one-raised-hover: var(--a-data-one-200);
   --a-bg-data-one-raised: var(--a-data-one-100);
-  --a-bg-data-one-strong-active: var(--a-data-one-800);
+  --a-bg-data-one-strong-pressed: var(--a-data-one-800);
   --a-bg-data-one-strong-hover: var(--a-data-one-700);
   --a-bg-data-one-strong: var(--a-data-one-600);
-  --a-bg-data-one-moderate-selected: var(--a-data-one-600);
-  --a-bg-data-one-moderate-active: var(--a-data-one-400);
+  --a-bg-data-one-moderate-selected: var(--a-data-one-700);
+  --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
   --a-bg-data-one-moderate-hover: var(--a-data-one-300);
   --a-bg-data-one-moderate: var(--a-data-one-200);
   --a-bg-data-one-hover: var(--a-data-one-200);
   --a-bg-data-one: var(--a-data-one-100);
   --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
   --a-bg-brand-three-raised: var(--a-brand-three-100);
-  --a-bg-brand-three-strong-active: var(--a-brand-three-800);
+  --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
   --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
   --a-bg-brand-three-strong: var(--a-brand-three-600);
-  --a-bg-brand-three-moderate-selected: var(--a-brand-three-600);
-  --a-bg-brand-three-moderate-active: var(--a-brand-three-400);
+  --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
+  --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
   --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
   --a-bg-brand-three-moderate: var(--a-brand-three-200);
   --a-bg-brand-three-hover: var(--a-brand-three-200);
   --a-bg-brand-three: var(--a-brand-three-100);
   --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
   --a-bg-brand-two-raised: var(--a-brand-two-100);
-  --a-bg-brand-two-strong-active: var(--a-brand-two-800);
+  --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
   --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
   --a-bg-brand-two-strong: var(--a-brand-two-600);
-  --a-bg-brand-two-moderate-selected: var(--a-brand-two-600);
-  --a-bg-brand-two-moderate-active: var(--a-brand-two-400);
+  --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
+  --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
   --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
   --a-bg-brand-two-moderate: var(--a-brand-two-200);
   --a-bg-brand-two-hover: var(--a-brand-two-200);
   --a-bg-brand-two: var(--a-brand-two-100);
   --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
   --a-bg-brand-one-raised: var(--a-brand-one-100);
-  --a-bg-brand-one-strong-active: var(--a-brand-one-800);
+  --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
   --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
   --a-bg-brand-one-strong: var(--a-brand-one-600);
-  --a-bg-brand-one-moderate-selected: var(--a-brand-one-600);
-  --a-bg-brand-one-moderate-active: var(--a-brand-one-400);
+  --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
+  --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
   --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
   --a-bg-brand-one-moderate: var(--a-brand-one-200);
   --a-bg-brand-one-hover: var(--a-brand-one-200);
   --a-bg-brand-one: var(--a-brand-one-100);
   --a-bg-info-raised-hover: var(--a-info-200);
   --a-bg-info-raised: var(--a-info-100);
-  --a-bg-info-strong-active: var(--a-info-800);
+  --a-bg-info-strong-pressed: var(--a-info-800);
   --a-bg-info-strong-hover: var(--a-info-700);
   --a-bg-info-strong: var(--a-info-600);
-  --a-bg-info-moderate-selected: var(--a-info-600);
-  --a-bg-info-moderate-active: var(--a-info-400);
+  --a-bg-info-moderate-selected: var(--a-info-700);
+  --a-bg-info-moderate-pressed: var(--a-info-400);
   --a-bg-info-moderate-hover: var(--a-info-300);
   --a-bg-info-moderate: var(--a-info-200);
   --a-bg-info-hover: var(--a-info-200);
   --a-bg-info: var(--a-info-100);
   --a-bg-danger-raised-hover: var(--a-danger-200);
   --a-bg-danger-raised: var(--a-danger-100);
-  --a-bg-danger-strong-active: var(--a-danger-800);
+  --a-bg-danger-strong-pressed: var(--a-danger-800);
   --a-bg-danger-strong-hover: var(--a-danger-700);
   --a-bg-danger-strong: var(--a-danger-600);
-  --a-bg-danger-moderate-selected: var(--a-danger-600);
-  --a-bg-danger-moderate-active: var(--a-danger-400);
+  --a-bg-danger-moderate-selected: var(--a-danger-700);
+  --a-bg-danger-moderate-pressed: var(--a-danger-400);
   --a-bg-danger-moderate-hover: var(--a-danger-300);
   --a-bg-danger-moderate: var(--a-danger-200);
   --a-bg-danger-hover: var(--a-danger-200);
   --a-bg-danger: var(--a-danger-100);
   --a-bg-warning-raised-hover: var(--a-warning-200);
   --a-bg-warning-raised: var(--a-warning-100);
-  --a-bg-warning-strong-active: var(--a-warning-800);
+  --a-bg-warning-strong-pressed: var(--a-warning-800);
   --a-bg-warning-strong-hover: var(--a-warning-700);
   --a-bg-warning-strong: var(--a-warning-600);
-  --a-bg-warning-moderate-selected: var(--a-warning-600);
-  --a-bg-warning-moderate-active: var(--a-warning-400);
+  --a-bg-warning-moderate-selected: var(--a-warning-700);
+  --a-bg-warning-moderate-pressed: var(--a-warning-400);
   --a-bg-warning-moderate-hover: var(--a-warning-300);
   --a-bg-warning-moderate: var(--a-warning-200);
   --a-bg-warning-hover: var(--a-warning-200);
   --a-bg-warning: var(--a-warning-100);
   --a-bg-success-raised-hover: var(--a-success-200);
   --a-bg-success-raised: var(--a-success-100);
-  --a-bg-success-strong-active: var(--a-success-800);
+  --a-bg-success-strong-pressed: var(--a-success-800);
   --a-bg-success-strong-hover: var(--a-success-700);
   --a-bg-success-strong: var(--a-success-600);
-  --a-bg-success-moderate-selected: var(--a-success-600);
-  --a-bg-success-moderate-active: var(--a-success-400);
+  --a-bg-success-moderate-selected: var(--a-success-700);
+  --a-bg-success-moderate-pressed: var(--a-success-400);
   --a-bg-success-moderate-hover: var(--a-success-300);
   --a-bg-success-moderate: var(--a-success-200);
   --a-bg-success-hover: var(--a-success-200);
   --a-bg-success: var(--a-success-100);
   --a-bg-accent-raised-hover: var(--a-accent-200);
   --a-bg-accent-raised: var(--a-accent-100);
-  --a-bg-accent-strong-active: var(--a-accent-800);
+  --a-bg-accent-strong-pressed: var(--a-accent-800);
   --a-bg-accent-strong-hover: var(--a-accent-700);
   --a-bg-accent-strong: var(--a-accent-600);
-  --a-bg-accent-moderate-selected: var(--a-accent-600);
-  --a-bg-accent-moderate-active: var(--a-accent-400);
+  --a-bg-accent-moderate-selected: var(--a-accent-700);
+  --a-bg-accent-moderate-pressed: var(--a-accent-400);
   --a-bg-accent-moderate-hover: var(--a-accent-300);
   --a-bg-accent-moderate: var(--a-accent-200);
   --a-bg-accent-hover: var(--a-accent-200);
   --a-bg-accent: var(--a-accent-100);
   --a-bg-neutral-raised-hover: var(--a-neutral-200);
   --a-bg-neutral-raised: var(--a-neutral-100);
-  --a-bg-neutral-strong-active: var(--a-neutral-800);
+  --a-bg-neutral-strong-pressed: var(--a-neutral-800);
   --a-bg-neutral-strong-hover: var(--a-neutral-700);
   --a-bg-neutral-strong: var(--a-neutral-600);
-  --a-bg-neutral-moderate-selected: var(--a-neutral-600);
-  --a-bg-neutral-moderate-active: var(--a-neutral-400);
+  --a-bg-neutral-moderate-selected: var(--a-neutral-700);
+  --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
   --a-bg-neutral-moderate-hover: var(--a-neutral-300);
   --a-bg-neutral-moderate: var(--a-neutral-200);
   --a-bg-neutral-hover: var(--a-neutral-200);
@@ -323,117 +323,327 @@
 }
 
 .dark, .dark-theme {
-  --a-data-two-1000: #d7e419;
-  --a-data-two-900: #9da800;
-  --a-data-two-800: #8e9700;
-  --a-data-two-700: #858d00;
-  --a-data-two-600: #727a00;
-  --a-data-two-500: #626800;
-  --a-data-two-400: #2f2e00;
-  --a-data-two-300: #232000;
-  --a-data-two-200: #1b1700;
-  --a-data-two-100: #120d00;
-  --a-data-one-1000: #ded7e8;
-  --a-data-one-900: #a999c1;
-  --a-data-one-800: #9c88b6;
-  --a-data-one-700: #937eb0;
-  --a-data-one-600: #8269a2;
-  --a-data-one-500: #715890;
-  --a-data-one-400: #382053;
-  --a-data-one-300: #2c1244;
-  --a-data-one-200: #23093b;
-  --a-data-one-100: #19002e;
-  --a-brand-three-1000: #c9dde9;
-  --a-brand-three-900: #7ba5c0;
-  --a-brand-three-800: #6596b4;
-  --a-brand-three-700: #588dad;
-  --a-brand-three-600: #3d7a9d;
-  --a-brand-three-500: #21698f;
-  --a-brand-three-400: #002f4a;
-  --a-brand-three-300: #002238;
-  --a-brand-three-200: #00192a;
-  --a-brand-three-100: #000e1a;
-  --a-brand-two-1000: #fad1bd;
-  --a-brand-two-900: #d98d72;
-  --a-brand-two-800: #c97d64;
-  --a-brand-two-700: #be745c;
-  --a-brand-two-600: #a6634d;
-  --a-brand-two-500: #905340;
-  --a-brand-two-400: #442319;
-  --a-brand-two-300: #321910;
-  --a-brand-two-200: #25110a;
-  --a-brand-two-100: #1a0a06;
-  --a-brand-one-1000: #efd3dd;
-  --a-brand-one-900: #d08ca8;
-  --a-brand-one-800: #c77899;
-  --a-brand-one-700: #c16d91;
-  --a-brand-one-600: #b4537f;
-  --a-brand-one-500: #a73b6f;
-  --a-brand-one-400: #5c0033;
-  --a-brand-one-300: #470022;
-  --a-brand-one-200: #350014;
-  --a-brand-one-100: #27000b;
-  --a-info-1000: #c9dde9;
-  --a-info-900: #7ba5c0;
-  --a-info-800: #6596b4;
-  --a-info-700: #588dad;
-  --a-info-600: #3d7a9d;
-  --a-info-500: #21698f;
-  --a-info-400: #002f4a;
-  --a-info-300: #002238;
-  --a-info-200: #00192a;
-  --a-info-100: #000e1a;
-  --a-danger-1000: #ffcddd;
-  --a-danger-900: #ff718a;
-  --a-danger-800: #fc5469;
-  --a-danger-700: #fa3d51;
-  --a-danger-600: #e51638;
-  --a-danger-500: #c90020;
-  --a-danger-400: #610000;
-  --a-danger-300: #4a0000;
-  --a-danger-200: #370000;
-  --a-danger-100: #240000;
-  --a-warning-1000: #ffd386;
-  --a-warning-900: #fb7c00;
-  --a-warning-800: #f26403;
-  --a-warning-700: #e45d01;
-  --a-warning-600: #c54f00;
-  --a-warning-500: #aa4300;
-  --a-warning-400: #511b00;
-  --a-warning-300: #3c1200;
-  --a-warning-200: #2e0c00;
-  --a-warning-100: #1e0600;
-  --a-success-1000: #b5e6c0;
-  --a-success-900: #4eb36d;
-  --a-success-800: #27a556;
-  --a-success-700: #169b4d;
-  --a-success-600: #008639;
-  --a-success-500: #007327;
-  --a-success-400: #003500;
-  --a-success-300: #002600;
-  --a-success-200: #001b00;
-  --a-success-100: #001300;
-  --a-accent-1000: #c5dbfc;
-  --a-accent-900: #67a2f0;
-  --a-accent-800: #4e92e8;
-  --a-accent-700: #3f88e2;
-  --a-accent-600: #1e74d3;
-  --a-accent-500: #0062bf;
-  --a-accent-400: #002a63;
-  --a-accent-300: #001e4b;
-  --a-accent-200: #001438;
-  --a-accent-100: #000c28;
+  --a-data-two-1000: #c5d14c;
+  --a-data-two-900: #a9b325;
+  --a-data-two-800: #99a200;
+  --a-data-two-700: #8f9800;
+  --a-data-two-600: #7c8400;
+  --a-data-two-500: #6a7200;
+  --a-data-two-400: #343900;
+  --a-data-two-300: #292d00;
+  --a-data-two-200: #222500;
+  --a-data-two-100: #1c1f00;
+  --a-data-one-1000: #cdc5d9;
+  --a-data-one-900: #b2a7c3;
+  --a-data-one-800: #a495b7;
+  --a-data-one-700: #9b8bb0;
+  --a-data-one-600: #8876a1;
+  --a-data-one-500: #776491;
+  --a-data-one-400: #3a3245;
+  --a-data-one-300: #2f273a;
+  --a-data-one-200: #272032;
+  --a-data-one-100: #221a2c;
+  --a-brand-three-1000: #b7cbd7;
+  --a-brand-three-900: #93afc0;
+  --a-brand-three-800: #7f9fb3;
+  --a-brand-three-700: #7396ab;
+  --a-brand-three-600: #5a839b;
+  --a-brand-three-500: #43718d;
+  --a-brand-three-400: #273843;
+  --a-brand-three-300: #1e2c35;
+  --a-brand-three-200: #18242c;
+  --a-brand-three-100: #131e26;
+  --a-brand-two-1000: #e3c2b1;
+  --a-brand-two-900: #d1a08c;
+  --a-brand-two-800: #c78e79;
+  --a-brand-two-700: #c0836e;
+  --a-brand-two-600: #ab6f5b;
+  --a-brand-two-500: #975e4a;
+  --a-brand-two-400: #493027;
+  --a-brand-two-300: #3d241c;
+  --a-brand-two-200: #351d15;
+  --a-brand-two-100: #2d160e;
+  --a-brand-one-1000: #e1c0cc;
+  --a-brand-one-900: #cf9eb1;
+  --a-brand-one-800: #c58aa2;
+  --a-brand-one-700: #be7f99;
+  --a-brand-one-600: #b06886;
+  --a-brand-one-500: #a35276;
+  --a-brand-one-400: #4e2a39;
+  --a-brand-one-300: #42202e;
+  --a-brand-one-200: #3a1827;
+  --a-brand-one-100: #321220;
+  --a-info-1000: #b7cbd7;
+  --a-info-900: #93afc0;
+  --a-info-800: #7f9fb3;
+  --a-info-700: #7396ab;
+  --a-info-600: #5a839b;
+  --a-info-500: #43718d;
+  --a-info-400: #273843;
+  --a-info-300: #1e2c35;
+  --a-info-200: #18242c;
+  --a-info-100: #131e26;
+  --a-danger-1000: #f6b7cd;
+  --a-danger-900: #f28ea2;
+  --a-danger-800: #ee7685;
+  --a-danger-700: #eb6772;
+  --a-danger-600: #dd4a50;
+  --a-danger-500: #c8343f;
+  --a-danger-400: #5f2021;
+  --a-danger-300: #521517;
+  --a-danger-200: #490b10;
+  --a-danger-100: #410409;
+  --a-warning-1000: #f5bf6d;
+  --a-warning-900: #ed974b;
+  --a-warning-800: #e78040;
+  --a-warning-700: #de753c;
+  --a-warning-600: #c46233;
+  --a-warning-500: #af5122;
+  --a-warning-400: #542b18;
+  --a-warning-300: #471f0c;
+  --a-warning-200: #3e1704;
+  --a-warning-100: #371100;
+  --a-success-1000: #a4d4ad;
+  --a-success-900: #78ba87;
+  --a-success-800: #5eab72;
+  --a-success-700: #4ca265;
+  --a-success-600: #368e52;
+  --a-success-500: #207c41;
+  --a-success-400: #183d24;
+  --a-success-300: #0b3118;
+  --a-success-200: #032911;
+  --a-success-100: #00230b;
+  --a-accent-1000: #b0caf1;
+  --a-accent-900: #84aee6;
+  --a-accent-800: #6d9ddd;
+  --a-accent-700: #5f94d8;
+  --a-accent-600: #447fc9;
+  --a-accent-500: #2e6db8;
+  --a-accent-400: #23374f;
+  --a-accent-300: #1a2c41;
+  --a-accent-200: #152436;
+  --a-accent-100: #101d2d;
   --a-neutral-000: black;
-  --a-neutral-1000: #d7dadf;
-  --a-neutral-900: #99a0ac;
-  --a-neutral-800: #89919f;
-  --a-neutral-700: #7f8896;
-  --a-neutral-600: #6c7582;
-  --a-neutral-500: #5b6471;
-  --a-neutral-400: #252c38;
-  --a-neutral-300: #19202b;
-  --a-neutral-200: #0f1620;
-  --a-neutral-100: #090f19;
+  --a-neutral-1000: #c5c9ce;
+  --a-neutral-900: #a6acb4;
+  --a-neutral-800: #959ca5;
+  --a-neutral-700: #8c929d;
+  --a-neutral-600: #787e89;
+  --a-neutral-500: #666d77;
+  --a-neutral-400: #33363a;
+  --a-neutral-300: #282b2f;
+  --a-neutral-200: #202327;
+  --a-neutral-100: #1a1d21;
+  --a-bg-overlay: #0214317d;
+  --a-bg-sunken: #07090d;
+  --a-bg-default: #0e151f;
+  --a-contrast-data-two: var(--a-neutral-000);
+  --a-contrast-data-one: var(--a-neutral-000);
+  --a-contrast-brand-three: var(--a-neutral-000);
+  --a-contrast-brand-two: var(--a-neutral-000);
+  --a-contrast-brand-one: var(--a-neutral-000);
+  --a-contrast-warning: var(--a-neutral-000);
+  --a-contrast-success: var(--a-neutral-000);
+  --a-contrast-info: var(--a-neutral-000);
+  --a-contrast-danger: var(--a-neutral-000);
+  --a-contrast-neutral: var(--a-neutral-000);
+  --a-contrast-accent: var(--a-neutral-000);
+  --a-border-focus: var(--a-accent-700);
+  --a-border-strong: var(--a-neutral-600);
+  --a-border-subtle: var(--a-neutral-400);
+  --a-border-default: var(--a-neutral-500);
+  --a-border-data-two-strong: var(--a-data-two-600);
+  --a-border-data-two-subtle: var(--a-data-two-400);
+  --a-border-data-two: var(--a-data-two-500);
+  --a-border-data-one-strong: var(--a-data-one-600);
+  --a-border-data-one-subtle: var(--a-data-one-400);
+  --a-border-data-one: var(--a-data-one-500);
+  --a-border-brand-three-strong: var(--a-brand-three-600);
+  --a-border-brand-three-subtle: var(--a-brand-three-400);
+  --a-border-brand-three: var(--a-brand-three-500);
+  --a-border-brand-two-strong: var(--a-brand-two-600);
+  --a-border-brand-two-subtle: var(--a-brand-two-400);
+  --a-border-brand-two: var(--a-brand-two-500);
+  --a-border-brand-one-strong: var(--a-brand-one-600);
+  --a-border-brand-one-subtle: var(--a-brand-one-400);
+  --a-border-brand-one: var(--a-brand-one-500);
+  --a-border-info-strong: var(--a-info-600);
+  --a-border-info-subtle: var(--a-info-400);
+  --a-border-info: var(--a-info-500);
+  --a-border-danger-strong: var(--a-danger-600);
+  --a-border-danger-subtle: var(--a-danger-400);
+  --a-border-danger: var(--a-danger-500);
+  --a-border-warning-strong: var(--a-warning-600);
+  --a-border-warning-subtle: var(--a-warning-400);
+  --a-border-warning: var(--a-warning-500);
+  --a-border-success-strong: var(--a-success-600);
+  --a-border-success-subtle: var(--a-success-400);
+  --a-border-success: var(--a-success-500);
+  --a-border-accent-strong: var(--a-accent-600);
+  --a-border-accent-subtle: var(--a-accent-400);
+  --a-border-accent: var(--a-accent-500);
+  --a-border-neutral-strong: var(--a-neutral-600);
+  --a-border-neutral-subtle: var(--a-neutral-400);
+  --a-border-neutral: var(--a-neutral-500);
+  --a-text-icon: var(--a-neutral-600);
+  --a-text-subtle: var(--a-neutral-900);
+  --a-text-default: var(--a-neutral-1000);
+  --a-text-data-two-icon: var(--a-data-two-600);
+  --a-text-data-two-strong: var(--a-data-two-900);
+  --a-text-data-two: var(--a-data-two-700);
+  --a-text-data-one-icon: var(--a-data-one-600);
+  --a-text-data-one-strong: var(--a-data-one-900);
+  --a-text-data-one: var(--a-data-one-700);
+  --a-text-brand-three-icon: var(--a-brand-three-600);
+  --a-text-brand-three-strong: var(--a-brand-three-900);
+  --a-text-brand-three: var(--a-brand-three-700);
+  --a-text-brand-two-icon: var(--a-brand-two-600);
+  --a-text-brand-two-strong: var(--a-brand-two-900);
+  --a-text-brand-two: var(--a-brand-two-700);
+  --a-text-brand-one-icon: var(--a-brand-one-600);
+  --a-text-brand-one-strong: var(--a-brand-one-900);
+  --a-text-brand-one: var(--a-brand-one-700);
+  --a-text-info-icon: var(--a-info-600);
+  --a-text-info-strong: var(--a-info-900);
+  --a-text-info: var(--a-info-700);
+  --a-text-danger-icon: var(--a-danger-600);
+  --a-text-danger-strong: var(--a-danger-900);
+  --a-text-danger: var(--a-danger-700);
+  --a-text-warning-icon: var(--a-warning-600);
+  --a-text-warning-strong: var(--a-warning-900);
+  --a-text-warning: var(--a-warning-700);
+  --a-text-success-icon: var(--a-success-600);
+  --a-text-success-strong: var(--a-success-900);
+  --a-text-success: var(--a-success-700);
+  --a-text-accent-icon: var(--a-accent-600);
+  --a-text-accent-strong: var(--a-accent-900);
+  --a-text-accent: var(--a-accent-700);
+  --a-text-neutral-icon: var(--a-neutral-600);
+  --a-text-neutral-strong: var(--a-neutral-900);
+  --a-text-neutral: var(--a-neutral-700);
+  --a-bg-raised: var(--a-neutral-200);
+  --a-bg-input: var(--a-neutral-000);
+  --a-bg-data-two-raised-hover: var(--a-data-two-200);
+  --a-bg-data-two-raised: var(--a-data-two-100);
+  --a-bg-data-two-strong-pressed: var(--a-data-two-800);
+  --a-bg-data-two-strong-hover: var(--a-data-two-700);
+  --a-bg-data-two-strong: var(--a-data-two-600);
+  --a-bg-data-two-moderate-selected: var(--a-data-two-700);
+  --a-bg-data-two-moderate-pressed: var(--a-data-two-400);
+  --a-bg-data-two-moderate-hover: var(--a-data-two-300);
+  --a-bg-data-two-moderate: var(--a-data-two-200);
+  --a-bg-data-two-hover: var(--a-data-two-200);
+  --a-bg-data-two: var(--a-data-two-100);
+  --a-bg-data-one-raised-hover: var(--a-data-one-200);
+  --a-bg-data-one-raised: var(--a-data-one-100);
+  --a-bg-data-one-strong-pressed: var(--a-data-one-800);
+  --a-bg-data-one-strong-hover: var(--a-data-one-700);
+  --a-bg-data-one-strong: var(--a-data-one-600);
+  --a-bg-data-one-moderate-selected: var(--a-data-one-700);
+  --a-bg-data-one-moderate-pressed: var(--a-data-one-400);
+  --a-bg-data-one-moderate-hover: var(--a-data-one-300);
+  --a-bg-data-one-moderate: var(--a-data-one-200);
+  --a-bg-data-one-hover: var(--a-data-one-200);
+  --a-bg-data-one: var(--a-data-one-100);
+  --a-bg-brand-three-raised-hover: var(--a-brand-three-200);
+  --a-bg-brand-three-raised: var(--a-brand-three-100);
+  --a-bg-brand-three-strong-pressed: var(--a-brand-three-800);
+  --a-bg-brand-three-strong-hover: var(--a-brand-three-700);
+  --a-bg-brand-three-strong: var(--a-brand-three-600);
+  --a-bg-brand-three-moderate-selected: var(--a-brand-three-700);
+  --a-bg-brand-three-moderate-pressed: var(--a-brand-three-400);
+  --a-bg-brand-three-moderate-hover: var(--a-brand-three-300);
+  --a-bg-brand-three-moderate: var(--a-brand-three-200);
+  --a-bg-brand-three-hover: var(--a-brand-three-200);
+  --a-bg-brand-three: var(--a-brand-three-100);
+  --a-bg-brand-two-raised-hover: var(--a-brand-two-200);
+  --a-bg-brand-two-raised: var(--a-brand-two-100);
+  --a-bg-brand-two-strong-pressed: var(--a-brand-two-800);
+  --a-bg-brand-two-strong-hover: var(--a-brand-two-700);
+  --a-bg-brand-two-strong: var(--a-brand-two-600);
+  --a-bg-brand-two-moderate-selected: var(--a-brand-two-700);
+  --a-bg-brand-two-moderate-pressed: var(--a-brand-two-400);
+  --a-bg-brand-two-moderate-hover: var(--a-brand-two-300);
+  --a-bg-brand-two-moderate: var(--a-brand-two-200);
+  --a-bg-brand-two-hover: var(--a-brand-two-200);
+  --a-bg-brand-two: var(--a-brand-two-100);
+  --a-bg-brand-one-raised-hover: var(--a-brand-one-200);
+  --a-bg-brand-one-raised: var(--a-brand-one-100);
+  --a-bg-brand-one-strong-pressed: var(--a-brand-one-800);
+  --a-bg-brand-one-strong-hover: var(--a-brand-one-700);
+  --a-bg-brand-one-strong: var(--a-brand-one-600);
+  --a-bg-brand-one-moderate-selected: var(--a-brand-one-700);
+  --a-bg-brand-one-moderate-pressed: var(--a-brand-one-400);
+  --a-bg-brand-one-moderate-hover: var(--a-brand-one-300);
+  --a-bg-brand-one-moderate: var(--a-brand-one-200);
+  --a-bg-brand-one-hover: var(--a-brand-one-200);
+  --a-bg-brand-one: var(--a-brand-one-100);
+  --a-bg-info-raised-hover: var(--a-info-200);
+  --a-bg-info-raised: var(--a-info-100);
+  --a-bg-info-strong-pressed: var(--a-info-800);
+  --a-bg-info-strong-hover: var(--a-info-700);
+  --a-bg-info-strong: var(--a-info-600);
+  --a-bg-info-moderate-selected: var(--a-info-700);
+  --a-bg-info-moderate-pressed: var(--a-info-400);
+  --a-bg-info-moderate-hover: var(--a-info-300);
+  --a-bg-info-moderate: var(--a-info-200);
+  --a-bg-info-hover: var(--a-info-200);
+  --a-bg-info: var(--a-info-100);
+  --a-bg-danger-raised-hover: var(--a-danger-200);
+  --a-bg-danger-raised: var(--a-danger-100);
+  --a-bg-danger-strong-pressed: var(--a-danger-800);
+  --a-bg-danger-strong-hover: var(--a-danger-700);
+  --a-bg-danger-strong: var(--a-danger-600);
+  --a-bg-danger-moderate-selected: var(--a-danger-700);
+  --a-bg-danger-moderate-pressed: var(--a-danger-400);
+  --a-bg-danger-moderate-hover: var(--a-danger-300);
+  --a-bg-danger-moderate: var(--a-danger-200);
+  --a-bg-danger-hover: var(--a-danger-200);
+  --a-bg-danger: var(--a-danger-100);
+  --a-bg-warning-raised-hover: var(--a-warning-200);
+  --a-bg-warning-raised: var(--a-warning-100);
+  --a-bg-warning-strong-pressed: var(--a-warning-800);
+  --a-bg-warning-strong-hover: var(--a-warning-700);
+  --a-bg-warning-strong: var(--a-warning-600);
+  --a-bg-warning-moderate-selected: var(--a-warning-700);
+  --a-bg-warning-moderate-pressed: var(--a-warning-400);
+  --a-bg-warning-moderate-hover: var(--a-warning-300);
+  --a-bg-warning-moderate: var(--a-warning-200);
+  --a-bg-warning-hover: var(--a-warning-200);
+  --a-bg-warning: var(--a-warning-100);
+  --a-bg-success-raised-hover: var(--a-success-200);
+  --a-bg-success-raised: var(--a-success-100);
+  --a-bg-success-strong-pressed: var(--a-success-800);
+  --a-bg-success-strong-hover: var(--a-success-700);
+  --a-bg-success-strong: var(--a-success-600);
+  --a-bg-success-moderate-selected: var(--a-success-700);
+  --a-bg-success-moderate-pressed: var(--a-success-400);
+  --a-bg-success-moderate-hover: var(--a-success-300);
+  --a-bg-success-moderate: var(--a-success-200);
+  --a-bg-success-hover: var(--a-success-200);
+  --a-bg-success: var(--a-success-100);
+  --a-bg-accent-raised-hover: var(--a-accent-200);
+  --a-bg-accent-raised: var(--a-accent-100);
+  --a-bg-accent-strong-pressed: var(--a-accent-800);
+  --a-bg-accent-strong-hover: var(--a-accent-700);
+  --a-bg-accent-strong: var(--a-accent-600);
+  --a-bg-accent-moderate-selected: var(--a-accent-700);
+  --a-bg-accent-moderate-pressed: var(--a-accent-400);
+  --a-bg-accent-moderate-hover: var(--a-accent-300);
+  --a-bg-accent-moderate: var(--a-accent-200);
+  --a-bg-accent-hover: var(--a-accent-200);
+  --a-bg-accent: var(--a-accent-100);
+  --a-bg-neutral-raised-hover: var(--a-neutral-200);
+  --a-bg-neutral-raised: var(--a-neutral-100);
+  --a-bg-neutral-strong-pressed: var(--a-neutral-800);
+  --a-bg-neutral-strong-hover: var(--a-neutral-700);
+  --a-bg-neutral-strong: var(--a-neutral-600);
+  --a-bg-neutral-moderate-selected: var(--a-neutral-700);
+  --a-bg-neutral-moderate-pressed: var(--a-neutral-400);
+  --a-bg-neutral-moderate-hover: var(--a-neutral-300);
+  --a-bg-neutral-moderate: var(--a-neutral-200);
+  --a-bg-neutral-hover: var(--a-neutral-200);
+  --a-bg-neutral: var(--a-neutral-100);
 }
 
 :root, :host {