@transferwise/neptune-css 0.0.0-experimental-0af3d6e → 0.0.0-experimental-8636209

package/dist/css/neptune.css

@@ -1,3 +1,395 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Oct 2025 12:29:55 GMT
+ */
+
+:root {
+  --color-content-primary: #37517e;
+  --color-content-secondary: #5d7079;
+  --color-content-tertiary: #768e9c;
+  --color-content-accent: #0097c7;
+  --color-content-accent-hover: #0084b3;
+  --color-content-accent-active: #0077a5;
+  --color-content-positive: #008026;
+  --color-content-positive-hover: #006d13;
+  --color-content-positive-active: #006002;
+  --color-content-negative: #cf2929;
+  --color-content-negative-hover: #b80419;
+  --color-content-negative-active: #a7000d;
+  --color-content-warning: #9a6500;
+  --color-content-warning-hover: #855400;
+  --color-content-warning-active: #764700;
+  --color-interactive-accent: #00a2dd;
+  --color-interactive-accent-hover: #008fc9;
+  --color-interactive-accent-active: #0081ba;
+  --color-interactive-positive: #2ead4b;
+  --color-interactive-positive-hover: #069939;
+  --color-interactive-positive-active: #008b2b;
+  --color-interactive-negative: #e74848;
+  --color-interactive-negative-hover: #d03238;
+  --color-interactive-negative-active: #bf1e2c;
+  --color-interactive-warning: #df8700;
+  --color-interactive-warning-hover: #c97500;
+  --color-interactive-warning-active: #b86700;
+  --color-interactive-secondary: #c9cbce;
+  --color-interactive-secondary-hover: #b5b7ba;
+  --color-interactive-secondary-active: #a7a9ab;
+  --color-background-screen: #ffffff;
+  --color-background-elevated: #ffffff;
+  --color-background-neutral: rgba(134,167,189,0.10196);
+  --color-background-accent: rgba(56,200,255,0.10196);
+  --color-background-positive: rgba(54,199,151,0.10196);
+  --color-background-negative: rgba(255,135,135,0.10196);
+  --color-background-warning: rgba(255,172,0,0.10196);
+  --color-background-overlay: rgba(0,0,0,0.10196);
+  --color-border-neutral: rgba(0,0,0,0.10196);
+  --color-border-overlay: rgba(0,0,0,0.10196);
+  --color-core-contrast: #000000;
+  --padding-x-small: 8px;
+  --padding-small: 16px;
+  --padding-medium: 24px;
+  --padding-large: 32px;
+  --radius-full: 9999px;
+  --radius-small: 10px;
+  --radius-medium: 16px;
+  --radius-large: 24px;
+  --size-4: 4px;
+  --size-5: 5px;
+  --size-8: 8px;
+  --size-10: 10px;
+  --size-12: 12px;
+  --size-14: 14px;
+  --size-16: 16px;
+  --size-24: 24px;
+  --size-32: 32px;
+  --size-40: 40px;
+  --size-48: 48px;
+  --size-52: 52px;
+  --size-56: 56px;
+  --size-60: 60px;
+  --size-64: 64px;
+  --size-72: 72px;
+  --size-80: 80px;
+  --size-88: 88px;
+  --size-96: 96px;
+  --size-104: 104px;
+  --size-112: 112px;
+  --size-120: 120px;
+  --size-126: 126px;
+  --size-128: 128px;
+  --size-146: 146px;
+  --size-154: 154px;
+  --size-160: 160px;
+  --size-x-small: 24px;
+  --size-small: 32px;
+  --size-medium: 40px;
+  --size-large: 48px;
+  --size-x-large: 56px;
+  --size-2x-large: 72px;
+  --space-content-horizontal: 16px;
+  --space-small: 16px;
+  --space-medium: 32px;
+  --space-large: 40px;
+  --space-x-large: 56px;
+  --font-size-12: 0.75rem;
+  --font-size-14: 0.875rem;
+  --font-size-16: 1rem;
+  --font-size-18: 1.125rem;
+  --font-size-20: 1.25rem;
+  --font-size-22: 1.375rem;
+  --font-size-24: 1.5rem;
+  --font-size-26: 1.625rem;
+  --font-size-28: 1.75rem;
+  --font-size-30: 1.875rem;
+  --font-size-32: 2rem;
+  --letter-spacing-xxs: 0.005em;
+  --letter-spacing-xs: 0.01em;
+  --letter-spacing-sm: 0.0125em;
+  --letter-spacing-md: 0.015em;
+  --letter-spacing-lg: 0.02em;
+  --letter-spacing-xl: 0.025em;
+  --letter-spacing-negative-xxs: -0.005em;
+  --letter-spacing-negative-xs: -0.01em;
+  --letter-spacing-negative-sm: -0.0125em;
+  --letter-spacing-negative-md: -0.015em;
+  --letter-spacing-negative-lg: -0.02em;
+  --letter-spacing-negative-xl: -0.025em;
+  --letter-spacing-negative-xxl: -0.03em;
+  --letter-spacing-negative-xxxl: -0.04em;
+  --letter-spacing-negative-xxxxl: -0.05em;
+  --line-height-18: 1.125rem;
+  --line-height-20: 1.25rem;
+  --line-height-22: 1.375rem;
+  --line-height-24: 1.5rem;
+  --line-height-28: 1.75rem;
+  --line-height-30: 1.875rem;
+  --line-height-32: 2rem;
+  --line-height-34: 2.125rem;
+  --line-height-36: 2.25rem;
+  --line-height-42: 2.625rem;
+  --line-height-48: 3rem;
+  --line-height-title: 1.2;
+  --line-height-body: 1.5;
+  --line-height-control: 1.2;
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semi-bold: 600;
+  --font-weight-bold: 700;
+  --font-weight-black: 900;
+  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
+  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 15 Oct 2025 12:29:55 GMT
+ */
+
+.np-theme-personal {
+  --color-bright-yellow: #ffeb69;
+  --color-bright-orange: #ffc091;
+  --color-dark-purple: #260a2f;
+  --color-dark-gold: #3a341c;
+  --color-bright-blue: #a0e1e1;
+  --color-dark-charcoal: #21231d;
+  --color-white: #ffffff;
+  --color-black: #000000;
+  --color-bright-green: #9fe870;
+  --color-forest-green: #163300;
+  --color-bright-pink: #ffd7ef;
+  --color-dark-maroon: #320707;
+  --color-content-primary: #0e0f0c;
+  --color-content-secondary: #454745;
+  --color-content-tertiary: #6a6c6a;
+  --color-content-link: #163300;
+  --color-content-link-hover: #0d1f00;
+  --color-content-link-active: #0e0f0c;
+  --color-interactive-primary: #163300;
+  --color-interactive-primary-hover: #0d1f00;
+  --color-interactive-primary-active: #0e0f0c;
+  --color-interactive-secondary: #868685;
+  --color-interactive-secondary-hover: #6c6c6b;
+  --color-interactive-secondary-active: #525251;
+  --color-interactive-accent: #9fe870;
+  --color-interactive-accent-hover: #80e142;
+  --color-interactive-accent-active: #65cf21;
+  --color-interactive-control: #163300;
+  --color-interactive-control-hover: #0d1f00;
+  --color-interactive-control-active: #0e0f0c;
+  --color-interactive-contrast: #9fe870;
+  --color-interactive-contrast-hover: #cdffad;
+  --color-interactive-contrast-active: #ecffe0;
+  --color-interactive-neutral: #e2f6d5;
+  --color-interactive-neutral-hover: #d3f2c0;
+  --color-interactive-neutral-active: #c5edab;
+  --color-border-neutral: rgba(14,15,12,0.12157);
+  --color-border-overlay: rgba(14,15,12,0.12157);
+  --color-background-screen: #ffffff;
+  --color-background-screen-hover: rgba(22,51,0,0.07843);
+  --color-background-screen-active: rgba(22,51,0,0.12941);
+  --color-background-elevated: #ffffff;
+  --color-background-neutral: rgba(22,51,0,0.07843);
+  --color-background-neutral-hover: rgba(22,51,0,0.12941);
+  --color-background-neutral-active: rgba(22,51,0,0.18039);
+  --color-background-overlay: rgba(22,51,0,0.07843);
+  --color-sentiment-negative: #cb272f;
+  --color-sentiment-negative-hover: #b8232b;
+  --color-sentiment-negative-active: #a72027;
+  --color-sentiment-negative-primary: #cb272f;
+  --color-sentiment-negative-primary-hover: #b8232b;
+  --color-sentiment-negative-primary-active: #a72027;
+  --color-sentiment-negative-secondary: #fbeaea;
+  --color-sentiment-negative-secondary-hover: #f9e1e1;
+  --color-sentiment-negative-secondary-active: #f8d8d8;
+  --color-sentiment-positive: #054d28;
+  --color-sentiment-positive-hover: #043a1e;
+  --color-sentiment-positive-active: #022614;
+  --color-sentiment-positive-primary: #054d28;
+  --color-sentiment-positive-primary-hover: #043a1e;
+  --color-sentiment-positive-primary-active: #022614;
+  --color-sentiment-positive-secondary: #e2f6d5;
+  --color-sentiment-positive-secondary-hover: #d3f2c0;
+  --color-sentiment-positive-secondary-active: #c5edab;
+  --color-sentiment-warning: #ffd11a;
+  --color-sentiment-warning-hover: #ffd11a;
+  --color-sentiment-warning-active: #ffd11a;
+  --color-sentiment-warning-primary: #ffd11a;
+  --color-sentiment-warning-primary-hover: #ffd11a;
+  --color-sentiment-warning-primary-active: #ffd11a;
+  --color-sentiment-warning-secondary: #fff7d7;
+  --color-sentiment-warning-secondary-hover: #fff7d7;
+  --color-sentiment-warning-secondary-active: #fff7d7;
+  --color-sentiment-warning-content: #4a3b1c;
+  --color-sentiment-warning-content-hover: #3b2f16;
+  --color-sentiment-warning-content-active: #2c2311;
+  --color-contrast: #ffffff;
+  --color-light: #ffffff;
+  --color-dark: #121511;
+  --color-contrast-overlay: #ffffff;
+  --color-contrast-theme: #121511;
+  --padding-x-small: 8px;
+  --padding-small: 16px;
+  --padding-medium: 24px;
+  --padding-large: 32px;
+  --radius-full: 9999px;
+  --radius-small: 10px;
+  --radius-medium: 16px;
+  --radius-large: 24px;
+  --size-4: 4px;
+  --size-5: 5px;
+  --size-8: 8px;
+  --size-10: 10px;
+  --size-12: 12px;
+  --size-14: 14px;
+  --size-16: 16px;
+  --size-24: 24px;
+  --size-32: 32px;
+  --size-40: 40px;
+  --size-48: 48px;
+  --size-52: 52px;
+  --size-56: 56px;
+  --size-60: 60px;
+  --size-64: 64px;
+  --size-72: 72px;
+  --size-80: 80px;
+  --size-88: 88px;
+  --size-96: 96px;
+  --size-104: 104px;
+  --size-112: 112px;
+  --size-120: 120px;
+  --size-126: 126px;
+  --size-128: 128px;
+  --size-146: 146px;
+  --size-154: 154px;
+  --size-160: 160px;
+  --size-x-small: 24px;
+  --size-small: 32px;
+  --size-medium: 40px;
+  --size-large: 48px;
+  --size-x-large: 56px;
+  --size-2x-large: 72px;
+  --space-content-horizontal: 16px;
+  --space-small: 16px;
+  --space-medium: 32px;
+  --space-large: 40px;
+  --space-x-large: 56px;
+  --font-size-12: 0.75rem;
+  --font-size-14: 0.875rem;
+  --font-size-16: 1rem;
+  --font-size-18: 1.125rem;
+  --font-size-20: 1.25rem;
+  --font-size-22: 1.375rem;
+  --font-size-24: 1.5rem;
+  --font-size-26: 1.625rem;
+  --font-size-28: 1.75rem;
+  --font-size-30: 1.875rem;
+  --font-size-32: 2rem;
+  --letter-spacing-xxs: 0.005em;
+  --letter-spacing-xs: 0.01em;
+  --letter-spacing-sm: 0.0125em;
+  --letter-spacing-md: 0.015em;
+  --letter-spacing-lg: 0.02em;
+  --letter-spacing-xl: 0.025em;
+  --letter-spacing-negative-xxs: -0.005em;
+  --letter-spacing-negative-xs: -0.01em;
+  --letter-spacing-negative-sm: -0.0125em;
+  --letter-spacing-negative-md: -0.015em;
+  --letter-spacing-negative-lg: -0.02em;
+  --letter-spacing-negative-xl: -0.025em;
+  --letter-spacing-negative-xxl: -0.03em;
+  --letter-spacing-negative-xxxl: -0.04em;
+  --letter-spacing-negative-xxxxl: -0.05em;
+  --line-height-18: 1.125rem;
+  --line-height-20: 1.25rem;
+  --line-height-22: 1.375rem;
+  --line-height-24: 1.5rem;
+  --line-height-28: 1.75rem;
+  --line-height-30: 1.875rem;
+  --line-height-32: 2rem;
+  --line-height-34: 2.125rem;
+  --line-height-36: 2.25rem;
+  --line-height-42: 2.625rem;
+  --line-height-48: 3rem;
+  --line-height-title: 1.2;
+  --line-height-body: 1.5;
+  --line-height-control: 1.2;
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semi-bold: 600;
+  --font-weight-bold: 700;
+  --font-weight-black: 900;
+  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
+  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
+}
+
+/**
+ * We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
+ *
+ * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
+ */
+
+@media (max-width: 320px) {
+  .np-theme-personal {
+    --delta: 2;
+    --size-4: calc(4px / var(--delta));
+    --size-5: calc(5px / var(--delta));
+    --size-8: calc(8px / var(--delta));
+    --size-10: calc(10px / var(--delta));
+    --size-12: calc(12px / var(--delta));
+    --size-14: calc(14px / var(--delta));
+    --size-16: calc(16px / var(--delta));
+    --size-24: calc(24px / var(--delta));
+    --size-32: calc(32px / var(--delta));
+    --size-40: calc(40px / var(--delta));
+    --size-48: calc(48px / var(--delta));
+    --size-52: calc(52px / var(--delta));
+    --size-56: calc(56px / var(--delta));
+    --size-60: calc(60px / var(--delta));
+    --size-64: calc(64px / var(--delta));
+    --size-72: calc(72px / var(--delta));
+    --size-80: calc(80px / var(--delta));
+    --size-88: calc(88px / var(--delta));
+    --size-96: calc(96px / var(--delta));
+    --size-104: calc(104px / var(--delta));
+    --size-112: calc(112px / var(--delta));
+    --size-120: calc(120px / var(--delta));
+    --size-126: calc(126px / var(--delta));
+    --size-128: calc(128px / var(--delta));
+    --size-146: calc(146px / var(--delta));
+    --size-154: calc(154px / var(--delta));
+    --size-x-small: calc(24px / var(--delta));
+    --size-small: calc(32px / var(--delta));
+    --size-medium: calc(40px / var(--delta));
+    --size-large: calc(48px / var(--delta));
+    --size-x-large: calc(56px / var(--delta));
+    --size-2x-large: calc(72px / var(--delta));
+    --space-content-horizontal: calc(16px / var(--delta));
+    --space-small: calc(16px / var(--delta));
+    --space-medium: calc(32px / var(--delta));
+    --space-large: calc(40px / var(--delta));
+    --space-x-large: calc(56px / var(--delta));
+    --padding-x-small: var(--size-8);
+    --padding-small: var(--size-16);
+    --padding-medium: var(--size-24);
+    --padding-large: var(--size-32);
+    --input-height-base: var(--size-32);
+    --input-height-large: var(--input-height-small);
+    --input-padding: var(--input-padding-small);
+    --input-padding-large: var(--input-padding-small);
+    --input-group-addon-padding: var(--input-group-addon-sm-padding);
+    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
+    --btn-height: var(--input-height-base);
+    --btn-lg-height: var(--btn-height);
+    --btn-sm-height: var(--btn-height);
+    --btn-padding: var(--input-padding);
+    --btn-sm-padding: var(--btn-padding);
+    --btn-lg-padding: var(--btn-padding);
+    --dropdown-link-padding: var(--size-12) var(--size-16);
+  }
+}
+
 /**
  * Do not edit directly
  * Generated on Wed, 15 Oct 2025 12:29:55 GMT
@@ -1847,252 +2239,6 @@
   --font-family-display: 'Wise Sans', 'Inter', sans-serif;
 }
 
-:root,
-.np-theme-personal {
-  --color-bright-yellow: #ffeb69;
-  --color-bright-orange: #ffc091;
-  --color-dark-purple: #260a2f;
-  --color-dark-gold: #3a341c;
-  --color-bright-blue: #a0e1e1;
-  --color-dark-charcoal: #21231d;
-  --color-white: #ffffff;
-  --color-black: #000000;
-  --color-bright-green: #9fe870;
-  --color-forest-green: #163300;
-  --color-bright-pink: #ffd7ef;
-  --color-dark-maroon: #320707;
-  --color-content-primary: #0e0f0c;
-  --color-content-secondary: #454745;
-  --color-content-tertiary: #6a6c6a;
-  --color-content-link: #163300;
-  --color-content-link-hover: #0d1f00;
-  --color-content-link-active: #0e0f0c;
-  --color-interactive-primary: #163300;
-  --color-interactive-primary-hover: #0d1f00;
-  --color-interactive-primary-active: #0e0f0c;
-  --color-interactive-secondary: #868685;
-  --color-interactive-secondary-hover: #6c6c6b;
-  --color-interactive-secondary-active: #525251;
-  --color-interactive-accent: #9fe870;
-  --color-interactive-accent-hover: #80e142;
-  --color-interactive-accent-active: #65cf21;
-  --color-interactive-control: #163300;
-  --color-interactive-control-hover: #0d1f00;
-  --color-interactive-control-active: #0e0f0c;
-  --color-interactive-contrast: #9fe870;
-  --color-interactive-contrast-hover: #cdffad;
-  --color-interactive-contrast-active: #ecffe0;
-  --color-interactive-neutral: #e2f6d5;
-  --color-interactive-neutral-hover: #d3f2c0;
-  --color-interactive-neutral-active: #c5edab;
-  --color-border-neutral: rgba(14,15,12,0.12157);
-  --color-border-overlay: rgba(14,15,12,0.12157);
-  --color-background-screen: #ffffff;
-  --color-background-screen-hover: rgba(22,51,0,0.07843);
-  --color-background-screen-active: rgba(22,51,0,0.12941);
-  --color-background-elevated: #ffffff;
-  --color-background-neutral: rgba(22,51,0,0.07843);
-  --color-background-neutral-hover: rgba(22,51,0,0.12941);
-  --color-background-neutral-active: rgba(22,51,0,0.18039);
-  --color-background-overlay: rgba(22,51,0,0.07843);
-  --color-sentiment-negative: #cb272f;
-  --color-sentiment-negative-hover: #b8232b;
-  --color-sentiment-negative-active: #a72027;
-  --color-sentiment-negative-primary: #cb272f;
-  --color-sentiment-negative-primary-hover: #b8232b;
-  --color-sentiment-negative-primary-active: #a72027;
-  --color-sentiment-negative-secondary: #fbeaea;
-  --color-sentiment-negative-secondary-hover: #f9e1e1;
-  --color-sentiment-negative-secondary-active: #f8d8d8;
-  --color-sentiment-positive: #054d28;
-  --color-sentiment-positive-hover: #043a1e;
-  --color-sentiment-positive-active: #022614;
-  --color-sentiment-positive-primary: #054d28;
-  --color-sentiment-positive-primary-hover: #043a1e;
-  --color-sentiment-positive-primary-active: #022614;
-  --color-sentiment-positive-secondary: #e2f6d5;
-  --color-sentiment-positive-secondary-hover: #d3f2c0;
-  --color-sentiment-positive-secondary-active: #c5edab;
-  --color-sentiment-warning: #ffd11a;
-  --color-sentiment-warning-hover: #ffd11a;
-  --color-sentiment-warning-active: #ffd11a;
-  --color-sentiment-warning-primary: #ffd11a;
-  --color-sentiment-warning-primary-hover: #ffd11a;
-  --color-sentiment-warning-primary-active: #ffd11a;
-  --color-sentiment-warning-secondary: #fff7d7;
-  --color-sentiment-warning-secondary-hover: #fff7d7;
-  --color-sentiment-warning-secondary-active: #fff7d7;
-  --color-sentiment-warning-content: #4a3b1c;
-  --color-sentiment-warning-content-hover: #3b2f16;
-  --color-sentiment-warning-content-active: #2c2311;
-  --color-contrast: #ffffff;
-  --color-light: #ffffff;
-  --color-dark: #121511;
-  --color-contrast-overlay: #ffffff;
-  --color-contrast-theme: #121511;
-  --padding-x-small: 8px;
-  --padding-small: 16px;
-  --padding-medium: 24px;
-  --padding-large: 32px;
-  --radius-full: 9999px;
-  --radius-small: 10px;
-  --radius-medium: 16px;
-  --radius-large: 24px;
-  --size-4: 4px;
-  --size-5: 5px;
-  --size-8: 8px;
-  --size-10: 10px;
-  --size-12: 12px;
-  --size-14: 14px;
-  --size-16: 16px;
-  --size-24: 24px;
-  --size-32: 32px;
-  --size-40: 40px;
-  --size-48: 48px;
-  --size-52: 52px;
-  --size-56: 56px;
-  --size-60: 60px;
-  --size-64: 64px;
-  --size-72: 72px;
-  --size-80: 80px;
-  --size-88: 88px;
-  --size-96: 96px;
-  --size-104: 104px;
-  --size-112: 112px;
-  --size-120: 120px;
-  --size-126: 126px;
-  --size-128: 128px;
-  --size-146: 146px;
-  --size-154: 154px;
-  --size-160: 160px;
-  --size-x-small: 24px;
-  --size-small: 32px;
-  --size-medium: 40px;
-  --size-large: 48px;
-  --size-x-large: 56px;
-  --size-2x-large: 72px;
-  --space-content-horizontal: 16px;
-  --space-small: 16px;
-  --space-medium: 32px;
-  --space-large: 40px;
-  --space-x-large: 56px;
-  --font-size-12: 0.75rem;
-  --font-size-14: 0.875rem;
-  --font-size-16: 1rem;
-  --font-size-18: 1.125rem;
-  --font-size-20: 1.25rem;
-  --font-size-22: 1.375rem;
-  --font-size-24: 1.5rem;
-  --font-size-26: 1.625rem;
-  --font-size-28: 1.75rem;
-  --font-size-30: 1.875rem;
-  --font-size-32: 2rem;
-  --letter-spacing-xxs: 0.005em;
-  --letter-spacing-xs: 0.01em;
-  --letter-spacing-sm: 0.0125em;
-  --letter-spacing-md: 0.015em;
-  --letter-spacing-lg: 0.02em;
-  --letter-spacing-xl: 0.025em;
-  --letter-spacing-negative-xxs: -0.005em;
-  --letter-spacing-negative-xs: -0.01em;
-  --letter-spacing-negative-sm: -0.0125em;
-  --letter-spacing-negative-md: -0.015em;
-  --letter-spacing-negative-lg: -0.02em;
-  --letter-spacing-negative-xl: -0.025em;
-  --letter-spacing-negative-xxl: -0.03em;
-  --letter-spacing-negative-xxxl: -0.04em;
-  --letter-spacing-negative-xxxxl: -0.05em;
-  --line-height-18: 1.125rem;
-  --line-height-20: 1.25rem;
-  --line-height-22: 1.375rem;
-  --line-height-24: 1.5rem;
-  --line-height-28: 1.75rem;
-  --line-height-30: 1.875rem;
-  --line-height-32: 2rem;
-  --line-height-34: 2.125rem;
-  --line-height-36: 2.25rem;
-  --line-height-42: 2.625rem;
-  --line-height-48: 3rem;
-  --line-height-title: 1.2;
-  --line-height-body: 1.5;
-  --line-height-control: 1.2;
-  --font-weight-light: 300;
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-semi-bold: 600;
-  --font-weight-bold: 700;
-  --font-weight-black: 900;
-  --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
-  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
-}
-
-/**
- * We added new shape theme into tokens to prevent breaking changes. This is a temporary measure.
- *
- * We delete this hack once all consumers no longer import tokens in their projects (e.g Next.js app.tsx or Storybook's preivew.tsx)
- */
-
-@media (max-width: 320px) {
-  :root,
-  .np-theme-personal {
-    --delta: 2;
-    --size-4: calc(4px / var(--delta));
-    --size-5: calc(5px / var(--delta));
-    --size-8: calc(8px / var(--delta));
-    --size-10: calc(10px / var(--delta));
-    --size-12: calc(12px / var(--delta));
-    --size-14: calc(14px / var(--delta));
-    --size-16: calc(16px / var(--delta));
-    --size-24: calc(24px / var(--delta));
-    --size-32: calc(32px / var(--delta));
-    --size-40: calc(40px / var(--delta));
-    --size-48: calc(48px / var(--delta));
-    --size-52: calc(52px / var(--delta));
-    --size-56: calc(56px / var(--delta));
-    --size-60: calc(60px / var(--delta));
-    --size-64: calc(64px / var(--delta));
-    --size-72: calc(72px / var(--delta));
-    --size-80: calc(80px / var(--delta));
-    --size-88: calc(88px / var(--delta));
-    --size-96: calc(96px / var(--delta));
-    --size-104: calc(104px / var(--delta));
-    --size-112: calc(112px / var(--delta));
-    --size-120: calc(120px / var(--delta));
-    --size-126: calc(126px / var(--delta));
-    --size-128: calc(128px / var(--delta));
-    --size-146: calc(146px / var(--delta));
-    --size-154: calc(154px / var(--delta));
-    --size-x-small: calc(24px / var(--delta));
-    --size-small: calc(32px / var(--delta));
-    --size-medium: calc(40px / var(--delta));
-    --size-large: calc(48px / var(--delta));
-    --size-x-large: calc(56px / var(--delta));
-    --size-2x-large: calc(72px / var(--delta));
-    --space-content-horizontal: calc(16px / var(--delta));
-    --space-small: calc(16px / var(--delta));
-    --space-medium: calc(32px / var(--delta));
-    --space-large: calc(40px / var(--delta));
-    --space-x-large: calc(56px / var(--delta));
-    --padding-x-small: var(--size-8);
-    --padding-small: var(--size-16);
-    --padding-medium: var(--size-24);
-    --padding-large: var(--size-32);
-    --input-height-base: var(--size-32);
-    --input-height-large: var(--input-height-small);
-    --input-padding: var(--input-padding-small);
-    --input-padding-large: var(--input-padding-small);
-    --input-group-addon-padding: var(--input-group-addon-sm-padding);
-    --input-group-addon-lg-padding: var(--input-group-addon-sm-padding);
-    --btn-height: var(--input-height-base);
-    --btn-lg-height: var(--btn-height);
-    --btn-sm-height: var(--btn-height);
-    --btn-padding: var(--input-padding);
-    --btn-sm-padding: var(--btn-padding);
-    --btn-lg-padding: var(--btn-padding);
-    --dropdown-link-padding: var(--size-12) var(--size-16);
-  }
-}
-
 /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
 
 @font-face {
@@ -2491,14 +2637,12 @@ pre {
 }
 
 .np-theme-personal::-moz-selection {
-  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
   color: #37517e;
   color: var(--color-content-primary);
 }
 
 .np-theme-personal::selection {
-  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
   color: #37517e;
   color: var(--color-content-primary);
@@ -2512,7 +2656,6 @@ pre {
 a,
 .np-text-link-default,
 .np-text-link-large {
-  color: #163300;
   color: var(--color-content-link);
 }
 
@@ -2549,7 +2692,6 @@ a:hover,
 a:focus,
 .np-text-link-default:focus,
 .np-text-link-large:focus {
-  color: #0d1f00;
   color: var(--color-content-link-hover);
   -webkit-text-decoration: underline;
   text-decoration: underline;
@@ -2559,7 +2701,6 @@ a:focus,
 a:active,
 .np-text-link-default:active,
 .np-text-link-large:active {
-  color: #0e0f0c;
   color: var(--color-content-link-active);
 }
 
@@ -4355,7 +4496,6 @@ a.text-success:focus {
 .text-info {
   color: #0097c7 !important;
   color: var(--color-content-accent) !important;
-  color: #163300 !important;
   color: var(--color-interactive-primary) !important;
 }
 
@@ -4389,7 +4529,6 @@ a.text-warning:focus {
 
 .text-negative,
 .text-danger {
-  color: #cb272f !important;
   color: var(--color-sentiment-negative) !important;
 }
 
@@ -4397,7 +4536,6 @@ a.text-negative:hover,
 a.text-danger:hover,
 a.text-negative:focus,
 a.text-danger:focus {
-  color: #b8232b !important;
   color: var(--color-sentiment-negative-hover) !important;
 }
 
@@ -6745,7 +6883,6 @@ tbody.collapse.in {
 }
 
 .np-theme-personal .chevron-color {
-  color: #163300;
   color: var(--color-interactive-primary);
 }
 
@@ -7556,7 +7693,6 @@ input:focus ~ .alert-focus,
 .bg-primary .np-theme-personal .alert-warning .close:focus,
 .bg-primary .np-theme-personal .alert-danger .close:focus,
 .bg-primary .np-theme-personal .alert-negative .close:focus {
-  color: #0d1f00;
   color: var(--color-content-link-hover);
 }
 
@@ -7567,7 +7703,6 @@ input:focus ~ .alert-focus,
 .np-theme-personal .alert-warning .np-link,
 .np-theme-personal .alert-danger .np-link,
 .np-theme-personal .alert-negative .np-link {
-  color: #163300;
   color: var(--color-content-link);
 }
 
@@ -7585,7 +7720,6 @@ input:focus ~ .alert-focus,
 .np-theme-personal .alert-warning .np-link:focus,
 .np-theme-personal .alert-danger .np-link:focus,
 .np-theme-personal .alert-negative .np-link:focus {
-  color: #0d1f00;
   color: var(--color-content-link-hover);
 }
 
@@ -7602,7 +7736,6 @@ input:focus ~ .alert-focus,
 }
 
 .np-theme-personal .bg--dark {
-  background-color: #163300;
   background-color: var(--color-forest-green);
   background-image: none;
   color: #daffc0;
@@ -7715,7 +7848,6 @@ a.badge:focus {
 }
 
 .np-theme-personal .badge-success {
-  background: #054d28;
   background: var(--color-sentiment-positive);
 }
 
@@ -7795,13 +7927,11 @@ a.badge:focus {
 
 .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
 .np-theme-personal .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
-  outline-color: #cb272f;
   outline-color: var(--color-sentiment-negative);
 }
 
 .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus-visible.btn-negative,
 .np-theme-personal .critical-comms--cta .btn:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus.btn-negative {
-  outline-color: #ffffff;
   outline-color: var(--color-contrast);
 }
 
@@ -7811,7 +7941,6 @@ a.badge:focus {
 
 .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle):focus,
 .np-theme-personal .btn.btn-negative:not(.disabled):not(:disabled):not(.np-dropdown-toggle).focus {
-  outline-color: #cb272f;
   outline-color: var(--color-sentiment-negative);
 }
 
@@ -7886,7 +8015,6 @@ fieldset[disabled] a.btn {
 }
 
 .np-theme-personal .btn-default {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
@@ -7896,7 +8024,6 @@ fieldset[disabled] a.btn {
 }
 
 .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -7907,7 +8034,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active,
 .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-default {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -7918,7 +8044,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
 .np-theme-personal .btn-default:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-default:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -7934,21 +8059,17 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-default .badge {
   color: #00a2dd;
   color: var(--color-interactive-accent);
-  background-color: #163300;
   background-color: var(--color-interactive-control);
 }
 
 .np-theme-personal .btn-default.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-primary);
   background-color: transparent;
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
   transition: color, background-color 0.15s ease-in-out;
 }
 
 .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -7959,7 +8080,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active,
 .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -7970,7 +8090,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):active:not(.disabled):not(:disabled):hover,
 .np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-default.btn-priority-2:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -7985,7 +8104,6 @@ fieldset[disabled] a.btn {
 
 .np-theme-personal .btn-default.btn-priority-2 .badge {
   color: transparent;
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 
@@ -8109,7 +8227,6 @@ fieldset[disabled] a.btn {
 
 .np-theme-personal .btn-accent,
 .np-theme-personal .btn-primary {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
@@ -8120,7 +8237,6 @@ fieldset[disabled] a.btn {
 
 .np-theme-personal .btn-accent:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -8134,7 +8250,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-accent,
 .open > .dropdown-toggle.np-theme-personal .btn-primary {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8148,7 +8263,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-primary:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-accent:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-primary:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8167,23 +8281,19 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-primary .badge {
   color: #00a2dd;
   color: var(--color-interactive-accent);
-  background-color: #163300;
   background-color: var(--color-interactive-control);
 }
 
 .np-theme-personal .btn-accent.btn-priority-2,
 .np-theme-personal .btn-primary.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-primary);
   background-color: transparent;
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
   transition: color, background-color 0.15s ease-in-out;
 }
 
 .np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -8197,7 +8307,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2,
 .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8211,7 +8320,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-accent.btn-priority-2:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-primary.btn-priority-2:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8229,7 +8337,6 @@ fieldset[disabled] a.btn {
 .np-theme-personal .btn-accent.btn-priority-2 .badge,
 .np-theme-personal .btn-primary.btn-priority-2 .badge {
   color: transparent;
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 
@@ -8275,7 +8382,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 
 .np-theme-personal .btn-link,
 .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
-  color: #163300;
   color: var(--color-interactive-primary);
   border-color: transparent;
   -webkit-text-decoration: underline;
@@ -8287,16 +8393,13 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-link:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):focus-visible {
-  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
   border-color: transparent;
 }
 
 .np-theme-personal .btn-link:not(.disabled):not(:disabled):not(.btn-loading):active,
 .np-theme-personal .btn-accent:not(.disabled):not(:disabled).btn-priority-3:not(.disabled):not(:disabled):not(.btn-loading):active {
-  color: #0e0f0c;
   color: var(--color-interactive-primary-active);
-  background-color: rgba(22,51,0,0.12941) !important;
   background-color: var(--color-background-screen-active) !important;
 }
 
@@ -8437,7 +8540,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 
 .np-theme-personal .btn-positive,
 .np-theme-personal .btn-success {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
@@ -8448,7 +8550,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 
 .np-theme-personal .btn-positive:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -8462,7 +8563,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-positive,
 .open > .dropdown-toggle.np-theme-personal .btn-success {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8476,7 +8576,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-success:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-positive:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-success:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8495,23 +8594,19 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-success .badge {
   color: #00a2dd;
   color: var(--color-interactive-accent);
-  background-color: #163300;
   background-color: var(--color-interactive-control);
 }
 
 .np-theme-personal .btn-positive.btn-priority-2,
 .np-theme-personal .btn-success.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-primary);
   background-color: transparent;
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
   transition: color, background-color 0.15s ease-in-out;
 }
 
 .np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
@@ -8525,7 +8620,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2,
 .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2 {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8539,7 +8633,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-positive.btn-priority-2:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-success.btn-priority-2:not(.disabled):not(:disabled):hover {
-  color: #163300;
   color: var(--color-interactive-control);
   background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
@@ -8557,7 +8650,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-positive.btn-priority-2 .badge,
 .np-theme-personal .btn-success.btn-priority-2 .badge {
   color: transparent;
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
 }
 
@@ -8759,22 +8851,16 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 
 .np-theme-personal .btn-danger,
 .np-theme-personal .btn-negative {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
   transition: color, background-color 0.15s ease-in-out;
 }
 
 .np-theme-personal .btn-danger:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #b8232b;
   background-color: var(--color-sentiment-negative-hover);
-  border-color: #b8232b;
   border-color: var(--color-sentiment-negative-hover);
 }
 
@@ -8784,11 +8870,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-danger,
 .open > .dropdown-toggle.np-theme-personal .btn-negative {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #a72027;
   background-color: var(--color-sentiment-negative-active);
-  border-color: #a72027;
   border-color: var(--color-sentiment-negative-active);
 }
 
@@ -8798,11 +8881,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-negative:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-danger:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-negative:not(.disabled):not(:disabled):hover {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #a72027;
   background-color: var(--color-sentiment-negative-active);
-  border-color: #a72027;
   border-color: var(--color-sentiment-negative-active);
 }
 
@@ -8815,29 +8895,22 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 
 .np-theme-personal .btn-danger .badge,
 .np-theme-personal .btn-negative .badge {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
-  background-color: #ffffff;
   background-color: var(--color-contrast);
 }
 
 .np-theme-personal .btn-danger.btn-priority-2,
 .np-theme-personal .btn-negative.btn-priority-2 {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
   background-color: transparent;
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
   transition: color, background-color 0.15s ease-in-out;
 }
 
 .np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover,
 .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading):hover {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #b8232b;
   background-color: var(--color-sentiment-negative-hover);
-  border-color: #b8232b;
   border-color: var(--color-sentiment-negative-hover);
 }
 
@@ -8847,11 +8920,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active,
 .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2,
 .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2 {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #a72027;
   background-color: var(--color-sentiment-negative-active);
-  border-color: #a72027;
   border-color: var(--color-sentiment-negative-active);
 }
 
@@ -8861,11 +8931,8 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):not(.btn-loading).active:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-danger.btn-priority-2:not(.disabled):not(:disabled):hover,
 .open > .dropdown-toggle.np-theme-personal .btn-negative.btn-priority-2:not(.disabled):not(:disabled):hover {
-  color: #ffffff;
   color: var(--color-contrast);
-  background-color: #a72027;
   background-color: var(--color-sentiment-negative-active);
-  border-color: #a72027;
   border-color: var(--color-sentiment-negative-active);
 }
 
@@ -8879,7 +8946,6 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
 .np-theme-personal .btn-danger.btn-priority-2 .badge,
 .np-theme-personal .btn-negative.btn-priority-2 .badge {
   color: transparent;
-  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 
@@ -10239,7 +10305,6 @@ textarea.form-control {
 }
 
 .np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
   outline: 0;
 }
@@ -10250,7 +10315,6 @@ textarea.form-control {
 }
 
 .np-theme-personal .form-control:focus {
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
 }
 
@@ -10854,7 +10918,6 @@ select[multiple].input-lg {
 }
 
 .np-theme-personal .has-success {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10874,7 +10937,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success .input-group-addon {
   color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10884,7 +10946,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-success .input-group-addon,
 .np-theme-personal .has-success .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10909,7 +10970,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success:active .alert,
 .np-theme-personal .has-success:focus .alert,
 .np-theme-personal .has-success:focus-within .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10917,7 +10977,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10928,7 +10987,6 @@ select[multiple].input-lg {
 
 .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #054d28;
   border-color: var(--color-sentiment-positive);
   color: #37517e;
   color: var(--color-content-primary);
@@ -10938,7 +10996,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-success .radio > label:focus-within,
 .np-theme-personal .has-success.checkbox > label:focus-within {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10950,7 +11007,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 
@@ -10958,7 +11014,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success.checkbox .tw-checkbox-button,
 .np-theme-personal .has-success .radio .tw-radio-button,
 .np-theme-personal .has-success.checkbox .tw-radio-button {
-  border-color: #054d28;
   border-color: var(--color-sentiment-positive);
 }
 
@@ -11281,7 +11336,6 @@ select[multiple].input-lg {
 }
 
 .np-theme-personal .has-warning {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11301,7 +11355,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning .input-group-addon {
   color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11311,7 +11364,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-warning .input-group-addon,
 .np-theme-personal .has-warning .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11336,7 +11388,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning:active .alert,
 .np-theme-personal .has-warning:focus .alert,
 .np-theme-personal .has-warning:focus-within .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11344,7 +11395,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11355,7 +11405,6 @@ select[multiple].input-lg {
 
 .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #ffd11a;
   border-color: var(--color-sentiment-warning);
   color: #37517e;
   color: var(--color-content-primary);
@@ -11365,7 +11414,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-warning .radio > label:focus-within,
 .np-theme-personal .has-warning.checkbox > label:focus-within {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11377,7 +11425,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 
@@ -11385,7 +11432,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning.checkbox .tw-checkbox-button,
 .np-theme-personal .has-warning .radio .tw-radio-button,
 .np-theme-personal .has-warning.checkbox .tw-radio-button {
-  border-color: #ffd11a;
   border-color: var(--color-sentiment-warning);
 }
 
@@ -11499,7 +11545,6 @@ select[multiple].input-lg {
 }
 
 .np-theme-personal .has-error {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 
@@ -11519,7 +11564,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error .input-group-addon {
   color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 
@@ -11529,7 +11573,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .input-group-addon,
 .np-theme-personal .has-error .alert {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 
@@ -11554,7 +11597,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error:active .alert,
 .np-theme-personal .has-error:focus .alert,
 .np-theme-personal .has-error:focus-within .alert {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 
@@ -11562,7 +11604,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 
@@ -11573,7 +11614,6 @@ select[multiple].input-lg {
 
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
   color: #37517e;
   color: var(--color-content-primary);
@@ -11583,7 +11623,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .radio > label:focus-within,
 .np-theme-personal .has-error.checkbox > label:focus-within {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 
@@ -11595,7 +11634,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 
@@ -11603,7 +11641,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error.checkbox .tw-checkbox-button,
 .np-theme-personal .has-error .radio .tw-radio-button,
 .np-theme-personal .has-error.checkbox .tw-radio-button {
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
 }
 
@@ -11867,9 +11904,7 @@ input[type="checkbox"]:indeterminate + .tw-checkbox-button {
 .np-theme-personal .tw-checkbox-button.checked,
 .np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
-  box-shadow: inset 0 0 0 1px #163300;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
 }
 
@@ -11897,11 +11932,8 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-c
 .np-theme-personal .tw-checkbox-button.checked:hover,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
-  border-color: #0d1f00 !important;
   border-color: var(--color-interactive-primary-hover) !important;
-  background-color: #0d1f00;
   background-color: var(--color-interactive-primary-hover);
-  box-shadow: inset 0 0 0 1px #0d1f00;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
 }
 
@@ -11919,11 +11951,8 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .np-theme-personal .tw-checkbox-button.checked:active,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
-  border-color: #0e0f0c !important;
   border-color: var(--color-interactive-primary-active) !important;
-  background-color: #0e0f0c;
   background-color: var(--color-interactive-primary-active);
-  box-shadow: inset 0 0 0 1px #0e0f0c;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
 }
 
@@ -12016,7 +12045,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
-  box-shadow: inset 0 0 0 1px #163300;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
 }
 
@@ -12024,7 +12052,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
-  background-color: #0d1f00;
   background-color: var(--color-interactive-primary-hover);
 }
 
@@ -12053,13 +12080,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .np-theme-personal .tw-radio-button:checked,
 .np-theme-personal .tw-radio-button.checked {
   border-color: transparent !important;
-  box-shadow: inset 0 0 0 1px #163300;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
 }
 
 .np-theme-personal .tw-radio-button:checked .tw-radio-check,
 .np-theme-personal .tw-radio-button.checked .tw-radio-check {
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
   max-height: 12px;
   max-width: 12px;
@@ -12560,7 +12585,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
-  box-shadow: inset 0 0 0 2px #0d1f00;
   box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
 }
 
@@ -12574,7 +12598,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
-  box-shadow: inset 0 0 0 3px #163300;
   box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
 }
 
@@ -12583,7 +12606,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .form-control,
 .np-theme-personal .has-error .radio > label,
 .np-theme-personal .has-error .checkbox > label {
-  box-shadow: inset 0 0 0 2px #cb272f;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
 }
 
@@ -12591,7 +12613,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
-  box-shadow: inset 0 0 0 2px #b8232b;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
 }
 
@@ -12607,22 +12628,18 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
-  box-shadow: inset 0 0 0 3px #cb272f;
   box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
 }
 
 .np-theme-personal .has-error .tw-radio-button {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 
 .np-theme-personal .has-error .tw-radio-button.checked {
-  box-shadow: inset 0 0 0 1px #cb272f;
   box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
 }
 
 .np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
-  background: #cb272f !important;
   background: var(--color-sentiment-negative) !important;
 }
 
@@ -12632,7 +12649,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
 .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
 .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 2px #b8232b;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
 }
 
@@ -12642,16 +12658,13 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
 .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
 .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 3px #cb272f;
   box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
-  background: #cb272f;
   background: var(--color-sentiment-negative);
 }
 
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 2px #a72027;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
 }
 
@@ -12706,7 +12719,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 
@@ -12723,7 +12735,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 
 .np-theme-personal .has-required::after {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 
@@ -13988,7 +13999,6 @@ li > a > .currency-flag:first-child {
 }
 
 .np-theme-personal .decision:not(.disabled):hover {
-  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-screen-hover);
 }
 
@@ -14588,7 +14598,6 @@ li > a > .currency-flag:first-child {
 }
 
 .np-theme-personal .droppable-area.droppable-negative {
-  border: 2px solid #cb272f !important;
   border: 2px solid var(--color-sentiment-negative) !important;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
@@ -14606,7 +14615,6 @@ li > a > .currency-flag:first-child {
 }
 
 .np-theme-personal .droppable-area .droppable-dropping-card {
-  background-color: rgba(22,51,0,0.12941);
   background-color: var(--color-background-neutral-hover);
 }
 
@@ -14615,7 +14623,6 @@ li > a > .currency-flag:first-child {
 }
 
 .np-theme-personal .droppable-area .circle {
-  background-color: #ffffff;
   background-color: var(--color-contrast);
   color: #37517e !important;
   color: var(--color-content-primary) !important;
@@ -14653,7 +14660,6 @@ li > a > .currency-flag:first-child {
 }
 
 .np-theme-personal .droppable-dropping {
-  border-color: rgba(22,51,0,0.12941) !important;
   border-color: var(--color-background-neutral-hover) !important;
   border-style: solid;
 }
@@ -21006,7 +21012,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 }
 
 .np-theme-personal .close {
-  color: #163300;
   color: var(--color-interactive-primary);
 }
 
@@ -21019,7 +21024,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
 }
 
 .np-theme-personal .close:hover {
-  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
 }
 
@@ -22573,7 +22577,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 
 .np-theme-personal .popover-close {
-  color: #163300;
   color: var(--color-interactive-primary);
 }
 
@@ -22586,7 +22589,6 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 
 .np-theme-personal .popover-close:hover {
-  color: #0d1f00;
   color: var(--color-interactive-primary-hover);
 }
 
@@ -22833,7 +22835,6 @@ button.popover-close {
 .np-theme-personal--forest-green .process-circle,
 .np-theme-personal--bright-green .process-circle,
 .np-theme-personal--dark .process-circle {
-  stroke: #163300;
   stroke: var(--color-interactive-primary);
 }
 
@@ -22868,7 +22869,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-success .process-icon-horizontal {
-  background-color: #054d28;
   background-color: var(--color-sentiment-positive);
 }
 
@@ -22880,7 +22880,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-success .process-icon-vertical {
-  background-color: #054d28;
   background-color: var(--color-sentiment-positive);
 }
 
@@ -22890,7 +22889,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-success .process-circle {
-  stroke: #054d28;
   stroke: var(--color-sentiment-positive);
 }
 
@@ -22901,7 +22899,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-danger .process-icon-horizontal {
-  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 
@@ -22912,7 +22909,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-danger .process-icon-vertical {
-  background-color: #cb272f;
   background-color: var(--color-sentiment-negative);
 }
 
@@ -22922,7 +22918,6 @@ button.popover-close {
 }
 
 .np-theme-personal .process-danger .process-circle {
-  stroke: #cb272f;
   stroke: var(--color-sentiment-negative);
 }