@transferwise/neptune-css 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-7cfec48

package/dist/css/neptune-core.css

@@ -56,21 +56,18 @@
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 @font-face {
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
   font-family: Averta;
   src: url("../fonts/TW-Averta-Regular.woff2") format("woff2"), url("../fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 @font-face {
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-family: Averta;
   src: url("../fonts/TW-Averta-Semibold.woff2") format("woff2"), url("../fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 @font-face {
-  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-family: Averta;
   src: url("../fonts/TW-Averta-Bold.woff2") format("woff2"), url("../fonts/TW-Averta-Bold.woff") format("woff");
@@ -335,7 +332,6 @@ summary {
   --font-family-regular: averta, avenir w02, avenir, helvetica, arial, sans-serif !important;
   font-family: averta, avenir w02, avenir, helvetica, arial, sans-serif;
   font-family: var(--font-family-regular);
-  line-height: 1.5;
   line-height: var(--line-height-body);
 }
 .np-theme-personal {
@@ -364,7 +360,7 @@ summary {
   --btn-radius-base: 9999px;
   --btn-sm-radius-base: var(--btn-radius-base);
   --btn-lg-radius-base: var(--btn-radius-base);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   background-color: #ffffff;
   background-color: var(--color-background-screen);
@@ -372,9 +368,9 @@ summary {
 html {
   font-size: 16px;
   font-size: var(--base-font-size);
-  font-family: 'Inter', Helvetica, Arial, sans-serif;
+  font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   background-color: #ffffff;
   background-color: var(--color-background-screen);
@@ -391,13 +387,15 @@ pre {
   margin: 0;
 }
 .np-theme-personal::-moz-selection {
+  background-color: rgba(22,51,0,0.18039);
   background-color: var(--color-background-neutral-active);
-  color: #37517e;
+  color: #0e0f0c;
   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: #0e0f0c;
   color: var(--color-content-primary);
 }
 /* DEPRECATED: use `a` tag or .np-text-link-* instead */
@@ -406,30 +404,9 @@ pre {
 a,
 .np-text-link-default,
 .np-text-link-large {
+  color: #163300;
   color: var(--color-content-link);
 }
-.bg-primary .anchor,
-.bg-primary a,
-.bg-primary .np-text-link-default,
-.bg-primary .np-text-link-large {
-  color: #00b9ff;
-}
-.bg-primary .anchor:hover,
-.bg-primary a:hover,
-.bg-primary .np-text-link-default:hover,
-.bg-primary .np-text-link-large:hover,
-.bg-primary .anchor:focus,
-.bg-primary a:focus,
-.bg-primary .np-text-link-default:focus,
-.bg-primary .np-text-link-large:focus {
-  color: #00a6ea;
-}
-.bg-primary .anchor:active,
-.bg-primary a:active,
-.bg-primary .np-text-link-default:active,
-.bg-primary .np-text-link-large:active {
-  color: #0097db;
-}
 .anchor:hover,
 a:hover,
 .np-text-link-default:hover,
@@ -438,6 +415,7 @@ 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;
@@ -446,13 +424,14 @@ a:focus,
 a:active,
 .np-text-link-default:active,
 .np-text-link-large:active {
+  color: #0e0f0c;
   color: var(--color-content-link-active);
 }
 .anchor.secondary,
 a.secondary,
 .np-text-link-default.secondary,
 .np-text-link-large.secondary {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .anchor.secondary:hover,
@@ -463,14 +442,12 @@ a.secondary:hover,
 a.secondary:focus,
 .np-text-link-default.secondary:focus,
 .np-text-link-large.secondary:focus {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .anchor.secondary:active,
 a.secondary:active,
 .np-text-link-default.secondary:active,
 .np-text-link-large.secondary:active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 html.ios-click {
@@ -503,26 +480,23 @@ textarea {
   resize: vertical;
 }
 input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 input:input-placeholder,
 textarea:input-placeholder,
 input::placeholder,
 textarea::placeholder {
-  color: #768e9c;
+  color: #6a6c6a;
   color: var(--color-content-tertiary);
 }
 ol,
 ul {
-  margin: 0 0 24px;
   margin: 0 0 var(--size-24);
-  padding: 0 0 0 calc(48px - 10px);
   padding: 0 0 0 calc(var(--size-48) - var(--size-10));
 }
 [dir="rtl"] ol,
 [dir="rtl"] ul {
-  padding: 0 calc(48px - 10px) 0 0;
   padding: 0 calc(var(--size-48) - var(--size-10)) 0 0;
 }
 ol ol,
@@ -541,13 +515,11 @@ ul ul {
   padding-left: initial;
 }
 .list-inline {
-  margin-left: calc(4px * -1);
   margin-left: calc(var(--size-4) * -1);
   padding-left: 0;
   list-style: none;
 }
 [dir="rtl"] .list-inline {
-  margin-right: calc(4px * -1);
   margin-right: calc(var(--size-4) * -1);
   margin-left: 0;
   margin-left: initial;
@@ -559,29 +531,25 @@ ul ul {
 }
 .list-inline > li {
   display: inline-block;
-  padding-right: 8px;
   padding-right: var(--size-8);
-  padding-left: 4px;
   padding-left: var(--size-4);
 }
 [dir="rtl"] .list-inline > li {
-  padding-left: 8px;
   padding-left: var(--size-8);
   padding-right: 0;
   padding-right: initial;
 }
 [dir="rtl"] .list-inline > li {
-  padding-right: 4px;
   padding-right: var(--size-4);
   padding-left: 0;
   padding-left: initial;
 }
 [dir="rtl"] .list-inline > li {
-  border-left: 1px solid rgba(0,0,0,0.10196);
+  border-left: 1px solid rgba(14,15,12,0.12157);
   border-left: 1px solid var(--color-border-neutral);
 }
 html:not([dir="rtl"]) .list-inline > li {
-  border-right: 1px solid rgba(0,0,0,0.10196);
+  border-right: 1px solid rgba(14,15,12,0.12157);
   border-right: 1px solid var(--color-border-neutral);
 }
 [dir="rtl"] .list-inline > li:last-child {
@@ -592,22 +560,18 @@ html:not([dir="rtl"]) .list-inline > li:last-child {
 }
 dt,
 dd {
-  line-height: 1.5;
   line-height: var(--line-height-body);
 }
 dt {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 dd {
-  margin-bottom: 16px;
   margin-bottom: var(--size-16);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 @media (min-width: 576px) {
   dd {
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
   }
 }
@@ -640,7 +604,6 @@ dd {
     text-align: right;
   }
   .dl-horizontal dd {
-    margin-bottom: 8px;
     margin-bottom: var(--size-8);
     margin-left: 180px;
   }
@@ -667,24 +630,18 @@ dd {
   text-align: left;
 }
 hr {
-  margin: 16px auto;
   margin: var(--size-16) auto;
   border: 0;
-  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid rgba(14,15,12,0.12157);
   border-top: 1px solid var(--color-border-neutral);
 }
-.bg-primary hr {
-  border-top: 1px solid rgba(255,255,255,0.10196);
-}
 @media (min-width: 576px) {
   hr {
-    margin: 24px auto;
     margin: var(--size-24) auto;
   }
 }
 @media (min-width: 992px) {
   hr {
-    margin: 32px auto;
     margin: var(--size-32) auto;
   }
 }
@@ -707,7 +664,6 @@ video {
   vertical-align: middle;
 }
 .img-rounded {
-  border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .img-circle {
@@ -764,9 +720,8 @@ h6,
 .np-text-title-body,
 .np-text-title-group {
   margin: 0;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
-  line-height: 1.2;
   line-height: var(--line-height-title);
   letter-spacing: 0;
 }
@@ -836,7 +791,6 @@ h6 + ol:not(.list-unstyled),
 .np-text-title-subsection + ol:not(.list-unstyled),
 .np-text-title-body + ol:not(.list-unstyled),
 .np-text-title-group + ol:not(.list-unstyled) {
-  margin-top: 8px;
   margin-top: var(--size-8);
 }
 /* DEPRECATED: use .np-text-title-screen instead */
@@ -847,9 +801,7 @@ h1,
 .np-text-title-screen {
   margin-bottom: 0;
   margin-bottom: initial;
-  font-size: 1.875rem;
   font-size: var(--font-size-30);
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   letter-spacing: -0.021em;
   line-height: 115%;
@@ -862,9 +814,7 @@ h2,
 .np-text-title-section {
   margin-bottom: 0;
   margin-bottom: initial;
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-  font-size: 1.625rem;
   font-size: var(--font-size-26);
   letter-spacing: -0.02em;
   line-height: 122%;
@@ -877,9 +827,7 @@ h3,
 .np-text-title-subsection {
   margin-bottom: 0;
   margin-bottom: initial;
-  font-size: 1.375rem;
   font-size: var(--font-size-22);
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   letter-spacing: -0.018em;
   line-height: 125%;
@@ -890,9 +838,7 @@ h3,
 .title-4,
 h4,
 .np-text-title-body {
-  font-size: 1.125rem;
   font-size: var(--font-size-18);
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   letter-spacing: -0.014em;
   line-height: 135%;
@@ -905,24 +851,19 @@ h4,
 h5,
 h6,
 .np-text-title-group {
-  font-weight: 500;
   font-weight: var(--font-weight-medium);
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   letter-spacing: -0.006em;
   line-height: 140%;
 }
 /* DEPRECATED: use .np-text-title-body instead */
 .lead {
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
-  font-size: 1.25rem;
   font-size: var(--font-size-20);
-  line-height: 1.2;
   line-height: var(--line-height-title);
 }
 .tiny {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 /* DEPRECATED: use .np-text-body-default instead */
@@ -936,22 +877,18 @@ h6,
 body,
 small,
 .np-text-body-default {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 /* DEPRECATED: use .np-text-body-default-bold instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-2,
 .np-text-body-default-bold {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 155%;
   letter-spacing: -0.006em;
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 /* DEPRECATED: use .np-text-body-large instead  */
@@ -959,9 +896,7 @@ small,
 .body-1,
 .value,
 .np-text-body-large {
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
-  font-size: 1rem;
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
@@ -970,9 +905,7 @@ small,
 /* stylelint-disable-next-line selector-list-comma-newline-after */
 .control-1,
 .np-text-body-large-bold {
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-  font-size: 1rem;
   font-size: var(--font-size-16);
   line-height: 150%;
   letter-spacing: -0.011em;
@@ -980,26 +913,22 @@ small,
 a,
 .np-text-link-default,
 .np-text-link-large {
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   -webkit-text-decoration: underline;
   text-decoration: underline;
   text-underline-offset: 0.3em;
 }
 .np-text-link-large {
-  font-size: 1rem;
   font-size: var(--font-size-16);
   letter-spacing: -0.011em;
   line-height: 150%;
 }
 .np-text-link-default {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   letter-spacing: -0.006em;
   line-height: 155%;
 }
 .np-text-display-number {
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
   font-size: 40px;
   line-height: 110%;
@@ -1070,46 +999,34 @@ a,
 }
 .np-text-display-extra-large,
 .np-text-display-large {
-  font-size: 64px;
   font-size: var(--size-64);
   line-height: normal;
-  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .np-text-display-medium {
-  font-size: 52px;
   font-size: var(--size-52);
   line-height: normal;
-  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 .np-text-display-small {
-  font-size: 40px;
   font-size: var(--size-40);
   line-height: normal;
-  font-weight: 700;
   font-weight: var(--font-weight-bold);
 }
 :lang(en) > .np-text-display-extra-large,
 :lang(en) > .np-text-display-large {
-  font-size: 64px;
   font-size: var(--size-64);
   line-height: 0.85;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(en) > .np-text-display-medium {
-  font-size: 52px;
   font-size: var(--size-52);
   line-height: 0.85;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(en) > .np-text-display-small {
-  font-size: 40px;
   font-size: var(--size-40);
   line-height: 0.85;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(af) .np-text-display-extra-large,
@@ -1240,10 +1157,8 @@ a,
 :lang(gsw) .np-text-display-large,
 :lang(dsb) .np-text-display-large,
 :lang(fil) .np-text-display-large {
-  font-size: 64px;
   font-size: var(--size-64);
   line-height: 1.05;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(af) .np-text-display-medium,
@@ -1310,10 +1225,8 @@ a,
 :lang(gsw) .np-text-display-medium,
 :lang(dsb) .np-text-display-medium,
 :lang(fil) .np-text-display-medium {
-  font-size: 52px;
   font-size: var(--size-52);
   line-height: 1.05;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(af) .np-text-display-small,
@@ -1380,10 +1293,8 @@ a,
 :lang(gsw) .np-text-display-small,
 :lang(dsb) .np-text-display-small,
 :lang(fil) .np-text-display-small {
-  font-size: 40px;
   font-size: var(--size-40);
   line-height: 1.05;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 :lang(el) .np-text-display-extra-large,
@@ -1412,10 +1323,8 @@ a,
 :lang(uk) .np-text-display-large,
 :lang(uz) .np-text-display-large,
 :lang(sah) .np-text-display-large {
-  font-size: 60px;
   font-size: var(--size-60);
   line-height: 120%;
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 :lang(el) .np-text-display-medium,
@@ -1431,10 +1340,8 @@ a,
 :lang(uk) .np-text-display-medium,
 :lang(uz) .np-text-display-medium,
 :lang(sah) .np-text-display-medium {
-  font-size: 48px;
   font-size: var(--size-48);
   line-height: 120%;
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 :lang(el) .np-text-display-small,
@@ -1450,83 +1357,70 @@ a,
 :lang(uk) .np-text-display-small,
 :lang(uz) .np-text-display-small,
 :lang(sah) .np-text-display-small {
-  font-size: 40px;
   font-size: var(--size-40);
   line-height: 120%;
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-1 {
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 3.73333333rem;
 }
 @media (min-width: 768px) {
   .display-1 {
-    margin-bottom: 8px;
     margin-bottom: var(--size-8);
     font-size: 6.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-2 {
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 3.73333333rem;
 }
 @media (min-width: 768px) {
   .display-2 {
-    margin-bottom: 16px;
     margin-bottom: var(--size-16);
     font-size: 5.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-3 {
-  margin-bottom: 8px;
   margin-bottom: var(--size-8);
   font-size: 2.8rem;
 }
 @media (min-width: 768px) {
   .display-3 {
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
     font-size: 4.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-4 {
-  margin-bottom: 4px;
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 1.86666667rem;
 }
 @media (min-width: 768px) {
   .display-4 {
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
     font-size: 3.5rem;
   }
 }
 /* DEPRECATED: use `.np-text-display-*` instead */
 .display-5 {
-  margin-bottom: 4px;
   margin-bottom: var(--size-4);
   /* stylelint-disable-next-line number-max-precision */
   font-size: 1.86666667rem;
 }
 @media (min-width: 768px) {
   .display-5 {
-    margin-bottom: 8px;
     margin-bottom: var(--size-8);
     font-size: 2.625rem;
   }
 }
 p {
-  margin: 0 0 16px;
   margin: 0 0 var(--size-16);
 }
 p + h1,
@@ -1552,51 +1446,39 @@ p + .np-text-title-subsection,
 p + .np-text-title-body,
 p + .np-text-title-group {
   margin-top: 0;
-  margin-bottom: 8px;
   margin-bottom: var(--size-8);
 }
 .control-1,
 .control-2 {
-  color: #0097c7;
   color: var(--color-content-accent);
 }
 strong,
 b {
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 mark,
 .mark {
-  padding: 4px;
   padding: var(--size-4);
-  background-color: rgba(255,172,0,0.10196);
   background-color: var(--color-background-warning);
 }
 address {
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
   font-style: normal;
 }
 blockquote {
-  margin: 16px 0;
   margin: var(--size-16) 0;
-  padding: 0 16px 0 calc(16px - 2px);
   padding: 0 var(--size-16) 0 calc(var(--size-16) - 2px);
-  font-size: 1rem;
   font-size: var(--font-size-16);
 }
 [dir="rtl"] blockquote {
-  border-right: 2px solid #0097c7;
   border-right: 2px solid var(--color-content-accent);
 }
 html:not([dir="rtl"]) blockquote {
-  border-left: 2px solid #0097c7;
   border-left: 2px solid var(--color-content-accent);
 }
 blockquote p {
-  margin-bottom: 8px;
   margin-bottom: var(--size-8);
 }
 blockquote p:last-child,
@@ -1606,11 +1488,9 @@ blockquote ul:last-child {
 }
 blockquote footer {
   display: block;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
-  line-height: 1.5;
   line-height: var(--line-height-body);
 }
 blockquote footer::before {
@@ -1618,15 +1498,12 @@ blockquote footer::before {
 }
 @media (min-width: 576px) {
   blockquote {
-    margin: 24px;
     margin: var(--size-24);
   }
 }
 @media (min-width: 992px) {
   blockquote {
-    margin: 32px;
     margin: var(--size-32);
-    font-size: 1rem;
     font-size: var(--font-size-16);
   }
 }
@@ -1649,11 +1526,9 @@ blockquote footer::before {
   text-align: left;
 }
 [dir="rtl"] .blockquote-reverse {
-  border-left: 2px solid #0097c7;
   border-left: 2px solid var(--color-content-accent);
 }
 html:not([dir="rtl"]) .blockquote-reverse {
-  border-right: 2px solid #0097c7;
   border-right: 2px solid var(--color-content-accent);
 }
 [dir="rtl"] .blockquote-reverse {
@@ -1671,24 +1546,19 @@ html:not([dir="rtl"]) .blockquote-reverse {
 pre,
 code,
 kbd {
-  border-radius: 10px;
   border-radius: var(--radius-small);
 }
 pre {
-  margin: 0 0 24px;
   margin: 0 0 var(--size-24);
-  padding: 16px;
   padding: var(--size-16);
   overflow: auto;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
-  line-height: 1.5;
   line-height: var(--line-height-body);
   word-wrap: break-word;
   word-break: break-all;
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 pre code {
@@ -1699,16 +1569,14 @@ pre code {
   border-radius: 0;
 }
 code {
-  padding: 2px 4px;
   padding: 2px var(--size-4);
   font-size: 90%;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 kbd {
-  padding: 2px 4px;
   padding: 2px var(--size-4);
   font-size: 90%;
   color: #fff;
@@ -1716,7 +1584,6 @@ kbd {
 }
 kbd kbd {
   padding: 0;
-  font-weight: 700;
   font-weight: var(--font-weight-bold);
   font-size: 100%;
 }
@@ -1866,104 +1733,73 @@ kbd kbd {
   word-break: break-all;
 }
 .font-weight-bold {
-  font-weight: 700 !important;
   font-weight: var(--font-weight-bold) !important;
 }
 .font-weight-semi-bold {
-  font-weight: 600 !important;
   font-weight: var(--font-weight-semi-bold) !important;
 }
 .font-weight-normal {
-  font-weight: 400 !important;
   font-weight: var(--font-weight-regular) !important;
 }
 .font-italic {
   font-style: italic !important;
 }
 .text-primary {
-  color: #37517e !important;
+  color: #0e0f0c !important;
   color: var(--color-content-primary) !important;
 }
 a.text-primary:hover,
 a.text-primary:focus {
-  color: #37517e !important;
+  color: #0e0f0c !important;
   color: var(--color-content-primary) !important;
 }
-.bg-primary .text-primary {
-  color: #ffffff !important;
-}
 .text-secondary {
-  color: #5d7079 !important;
+  color: #454745 !important;
   color: var(--color-content-secondary) !important;
 }
 .text-positive,
 .text-success {
-  color: #008026 !important;
   color: var(--color-content-positive) !important;
 }
 a.text-positive:hover,
 a.text-success:hover,
 a.text-positive:focus,
 a.text-success:focus {
-  color: #006d13 !important;
   color: var(--color-content-positive-hover) !important;
 }
-.bg-primary .text-positive,
-.bg-primary .text-success {
-  color: #6fd698 !important;
-}
 .text-accent,
 .text-info {
-  color: #0097c7 !important;
   color: var(--color-content-accent) !important;
+  color: #163300 !important;
   color: var(--color-interactive-primary) !important;
 }
 a.text-accent:hover,
 a.text-info:hover,
 a.text-accent:focus,
 a.text-info:focus {
-  color: #0084b3 !important;
   color: var(--color-content-accent-hover) !important;
 }
-.bg-primary .text-accent,
-.bg-primary .text-info {
-  color: #00b9ff !important;
-}
 .text-warning {
-  color: #9a6500 !important;
   color: var(--color-content-warning) !important;
 }
 a.text-warning:hover,
 a.text-warning:focus {
-  color: #855400 !important;
   color: var(--color-content-warning-hover) !important;
 }
-.bg-primary .text-warning {
-  color: #ffd184 !important;
-}
 .text-negative,
 .text-danger {
+  color: #a8200d !important;
   color: var(--color-sentiment-negative) !important;
 }
 a.text-negative:hover,
 a.text-danger:hover,
 a.text-negative:focus,
 a.text-danger:focus {
+  color: #8e1b0b !important;
   color: var(--color-sentiment-negative-hover) !important;
 }
-.bg-primary .text-negative,
-.bg-primary .text-danger {
-  color: #ffa6a9 !important;
-}
-.text-inverse {
-  color: #ffffff !important;
-}
-a.text-inverse:hover,
-a.text-inverse:focus {
-  color: #c9cbce !important;
-}
 .text-muted {
-  color: #768e9c !important;
+  color: #6a6c6a !important;
   color: var(--color-content-tertiary) !important;
 }
 .colored-dot::after {