:root {
  --oui-font-family: 'Manrope', sans-serif;
  --oui-font-size-base: 16px;

  /* colors */
  --oui-color-primary: 56 62 83;
  --oui-color-primary-light: 83 87 114;
  --oui-color-primary-darken: 41 45 63;
  --oui-color-primary-contrast: 255 255 255;

  --oui-color-link: 83 87 114;
  --oui-color-link-light: 114 117 140;

  --oui-color-secondary: 255 255 255;
  --oui-color-tertiary: 218 218 218;
  --oui-color-quaternary: 218 218 218;

  --oui-color-danger: 245 97 139;
  --oui-color-danger-light: 248 145 185;
  --oui-color-danger-darken: 233 74 129;
  --oui-color-danger-contrast: 255 255 255;

  --oui-color-success: 41 233 169;
  --oui-color-success-light: 90 235 200;
  --oui-color-success-darken: 0 154 128;
  --oui-color-success-contrast: 255 255 255;

  --oui-color-warning: 0 122 255;
  --oui-color-warning-light: 30 140 255;
  --oui-color-warning-darken: 0 90 200;
  --oui-color-warning-contrast: 255 255 255;

  --oui-color-fill: 56 62 83;
  --oui-color-fill-active: 31 35 53;

  --oui-color-base-1: 74 80 108;
  --oui-color-base-2: 63 69 98;
  --oui-color-base-3: 54 60 88;
  --oui-color-base-4: 46 52 78;
  --oui-color-base-5: 39 45 68;
  --oui-color-base-6: 33 39 58;
  --oui-color-base-7: 30 35 50;
  --oui-color-base-8: 29 32 45;
  --oui-color-base-9: 22 26 36;
  --oui-color-base-10: 14 13 18;

  --oui-color-base-foreground: 255 255 255;
  --oui-color-line: 255 255 255;

  --oui-color-trading-loss: 245 97 139;
  --oui-color-trading-loss-contrast: 255 255 255;
  --oui-color-trading-profit: 41 233 169;
  --oui-color-trading-profit-contrast: 255 255 255;

  /* gradients */
  --oui-gradient-primary-start: 83 87 114;
  --oui-gradient-primary-end: 56 62 83;

  --oui-gradient-secondary-start: 74 80 108;
  --oui-gradient-secondary-end: 114 121 151;

  --oui-gradient-success-start: 0 80 65;
  --oui-gradient-success-end: 41 233 169;

  --oui-gradient-danger-start: 148 24 81;
  --oui-gradient-danger-end: 245 97 139;

  --oui-gradient-brand-start: 114 117 140;
  --oui-gradient-brand-end: 83 87 114;
  --oui-gradient-brand-stop-start: 6.62%;
  --oui-gradient-brand-stop-end: 86.5%;
  --oui-gradient-brand-angle: 17.44deg;

  --oui-gradient-warning-start: 30 140 255;
  --oui-gradient-warning-end: 0 122 255;

  --oui-gradient-neutral-start: 32 35 41;
  --oui-gradient-neutral-end: 41 44 51;

  /* rounded */
  --oui-rounded-sm: 2px;
  --oui-rounded: 4px;
  --oui-rounded-md: 6px;
  --oui-rounded-lg: 8px;
  --oui-rounded-xl: 12px;
  --oui-rounded-2xl: 16px;
  --oui-rounded-full: 9999px;

  /* spacing */
  --oui-spacing-xs: 20rem;
  --oui-spacing-sm: 22.5rem;
  --oui-spacing-md: 26.25rem;
  --oui-spacing-lg: 30rem;
  --oui-spacing-xl: 33.75rem;
}

html, body {
  font-family: 'Manrope', sans-serif !important;
  font-size: 16px !important;
}