@transferwise/neptune-tokens 8.19.0 → 8.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/neptune-tokens",
-  "version": "8.19.0",
+  "version": "8.20.0",
   "description": "Design tokens for the Neptune Design System",
   "license": "UNLICENSED",
   "type": "module",
@@ -17,10 +17,10 @@
   ],
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.1",
-    "@changesets/cli": "^2.29.5",
+    "@changesets/cli": "^2.29.7",
     "chroma-js": "^3.1.2",
     "cz-conventional-changelog": "3.3.0",
-    "less": "^4.3.0",
+    "less": "^4.4.1",
     "prettier": "^3.6.2",
     "release-to-github-with-changelog": "^1.2.4",
     "style-dictionary": "^3.9.2"
@@ -35,8 +35,8 @@
   },
   "resolutions": {
     "json-schema": "^0.4.0",
-    "http-cache-semantics": "^4.1.1",
-    "minimist": "^1.2.6"
+    "http-cache-semantics": "^4.2.0",
+    "minimist": "^1.2.8"
   },
   "scripts": {
     "test": "release-to-github-with-changelog-pre-release-checks",

package/themes/business/tokens.css

@@ -0,0 +1,183 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
+ */
+
+.np-theme-business {
+  --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: #163300;
+  --color-interactive-accent-hover: #0d1f00;
+  --color-interactive-accent-active: #0e0f0c;
+  --color-interactive-control: #e2f6d5;
+  --color-interactive-control-hover: #d3f2c0;
+  --color-interactive-control-active: #c5edab;
+  --color-interactive-contrast: #e2f6d5;
+  --color-interactive-contrast-hover: #d3f2c0;
+  --color-interactive-contrast-active: #c5edab;
+  --color-interactive-neutral: #e2f6d5;
+  --color-interactive-neutral-hover: #d3f2c0;
+  --color-interactive-neutral-active: #c5edab;
+  --color-border-neutral: #0e0f0c1f;
+  --color-border-overlay: #0e0f0c1f;
+  --color-background-screen: #ffffff;
+  --color-background-screen-hover: #16330014;
+  --color-background-screen-active: #1633001f;
+  --color-background-elevated: #ffffff;
+  --color-background-neutral: #3e3b0712;
+  --color-background-neutral-hover: #3e3b071f;
+  --color-background-neutral-active: #3e3b072b;
+  --color-background-overlay: #3e3b0712;
+  --color-background-surface: #ffffff00;
+  --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;
+}

package/themes/business/tokens.less

@@ -0,0 +1,180 @@
+
+// Do not edit directly
+// Generated on Thu, 18 Sep 2025 16:26:58 GMT
+
+@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: #163300;
+@color-interactive-accent-hover: #0d1f00;
+@color-interactive-accent-active: #0e0f0c;
+@color-interactive-control: #e2f6d5;
+@color-interactive-control-hover: #d3f2c0;
+@color-interactive-control-active: #c5edab;
+@color-interactive-contrast: #e2f6d5;
+@color-interactive-contrast-hover: #d3f2c0;
+@color-interactive-contrast-active: #c5edab;
+@color-interactive-neutral: #e2f6d5;
+@color-interactive-neutral-hover: #d3f2c0;
+@color-interactive-neutral-active: #c5edab;
+@color-border-neutral: #0e0f0c1f;
+@color-border-overlay: #0e0f0c1f;
+@color-background-screen: #ffffff;
+@color-background-screen-hover: #16330014;
+@color-background-screen-active: #1633001f;
+@color-background-elevated: #ffffff;
+@color-background-neutral: #3e3b0712;
+@color-background-neutral-hover: #3e3b071f;
+@color-background-neutral-active: #3e3b072b;
+@color-background-overlay: #3e3b0712;
+@color-background-surface: #ffffff00;
+@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;

package/themes/business--bright-green/tokens.css

@@ -0,0 +1,183 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
+ */
+
+.np-theme-business--bright-green {
+  --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: #163300;
+  --color-content-secondary: #163300;
+  --color-content-tertiary: #163300;
+  --color-content-link: #163300;
+  --color-content-link-hover: #0d1f00;
+  --color-content-link-active: #0e0f0c;
+  --color-interactive-control: #e2f6d5;
+  --color-interactive-control-hover: #d3f2c0;
+  --color-interactive-control-active: #c5edab;
+  --color-interactive-primary: #163300;
+  --color-interactive-primary-hover: #0d1f00;
+  --color-interactive-primary-active: #0e0f0c;
+  --color-interactive-secondary: #163300;
+  --color-interactive-secondary-hover: #ffffff00;
+  --color-interactive-secondary-active: #ffffff00;
+  --color-interactive-accent: #163300;
+  --color-interactive-accent-hover: #0d1f00;
+  --color-interactive-accent-active: #0e0f0c;
+  --color-interactive-contrast: #e2f6d5;
+  --color-interactive-contrast-hover: #d3f2c0;
+  --color-interactive-contrast-active: #c5edab;
+  --color-interactive-neutral: #ffffff80;
+  --color-interactive-neutral-hover: #ffffff99;
+  --color-interactive-neutral-active: #ffffffb3;
+  --color-border-neutral: #1633001f;
+  --color-border-overlay: #1633001f;
+  --color-background-screen: #e2f6d5;
+  --color-background-screen-hover: #ffffff00;
+  --color-background-screen-active: #ffffff66;
+  --color-background-elevated: #ffffff;
+  --color-background-neutral: #ffffffb3;
+  --color-background-neutral-hover: #ffffffcc;
+  --color-background-neutral-active: #ffffff;
+  --color-background-overlay: #ffffff4d;
+  --color-background-surface: #ffffff00;
+  --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: #ffffff00;
+  --color-light: #ffffff;
+  --color-dark: #163300;
+  --color-contrast-overlay: #ffffff;
+  --color-contrast-theme: #163300;
+  --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;
+}