/**
 * Do not edit directly, this file was auto-generated.
 * Generated on Fri, 10 Apr 2026 14:46:00 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: #86a7bd1a;
  --color-background-accent: #38c8ff1a;
  --color-background-positive: #36c7971a;
  --color-background-negative: #ff87871a;
  --color-background-warning: #ffac001a;
  --color-background-overlay: #0000001a;
  --color-border-neutral: #0000001a;
  --color-border-overlay: #0000001a;
  --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;
  --radius-xlarge: 32px;
  --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;
}

/* DEPRECATED, use neptune-tokens instead: https://transferwise.github.io/neptune-web/styles/tokens/Colors */
:root {
  --color-primary: #37517e;
  --color-secondary: #5d7079;
  --color-accent: #00b9ff;
  --color-positive: #2ed06e;
  --color-negative: #f53636;
  --color-warning: #ffa600;
}