/*
  Do not edit directly
  Generated on Wed, 22 Jul 2020 14:57:47 GMT
*/

:root {
  .mode_dark {
    --token-color-border-disabled: #4a5056;

    --token-color-border-decorative: #4a5056;

    --token-color-border-active: #cfd4d9;

    --token-color-border-hover: #dfe2e6;

    --token-color-border-default: #aeb5bc;

    --token-color-text-link-disabled: #4a5056;

    --token-color-text-link-hover: #00639a;

    --token-color-text-link-default: #0077ba;

    --token-color-text-link-bg_active: #02507b;

    --token-color-text-link-bg_intent: #222529;

    --token-color-text-inverse: #222529;

    --token-color-text-disabled: #aeb5bc;

    --token-color-text-muted: #dfe2e6;

    --token-color-text-default: #f8f9fa;

    --token-color-text-heading: #f8f9fa;

    --token-color-system-divider: #4a5056;

    --token-color-system-shadow: #222529;

    --token-color-system-overlay: rgba(34, 37, 41, 0.3);

    --token-color-system-page-background_inverse: #dfe2e6;

    --token-color-system-page-surface: #353a3f;

    --token-color-system-page-background: #222529;

    --token-color-system-disabled: #4a5056;

    --token-color-system-unknown: #878e95;

    --token-color-system-error-lighter: #5e0000;

    --token-color-system-error-default: #c21919;

    --token-color-system-warning-lighter: #7e5516;

    --token-color-system-warning-default: #fbb242;

    --token-color-system-info-lighter: #003c5d;

    --token-color-system-info-default: #1985c1;

    --token-color-system-success-lighter: #00570f;

    --token-color-system-success-default: #19b534;

    --token-color-system-skeleton-gradient: linear-gradient(
      90deg,
      #353a3f,
      #4a5056,
      #353a3f
    );

    --token-color-system-skeleton-background: #353a3f;

    --mdc-theme-error: #c21919;

    --mdc-theme-surface: #222529;
  }
  .theme_ocean {
    --token-color-system-page-surface: #f5f7fa;

    --token-color-system-page-background_inverse: #353a3f;

    --token-color-system-disabled: #c8d1e0;

    --token-color-system-divider: #dde4ed;

    --token-color-system-unknown: #707a89;

    --token-color-system-overlay: rgba(53, 58, 63, 0.32);

    --token-color-system-shadow: #afbacc;

    --token-color-border-disabled: #c8d1e0;

    --token-color-border-decorative: #dde4ed;

    --token-color-border-active: #0077ba;

    --token-color-border-hover: #57606e;

    --token-color-border-default: #707a89;

    --token-color-text-link-bg_intent: #8e99ab;

    --token-color-text-link-disabled: #afbacc;

    --token-color-text-disabled: #c8d1e0;

    --token-color-text-muted: #57606e;

    --token-color-text-default: #222529;

    --token-color-text-heading: #222529;

    --token-color-brand-primary-background: #e8f6ff;

    --token-color-brand-primary: #0077ba;

    --mdc-theme-primary: #0077ba;

    --mdc-theme-secondary: #0077ba;
  }
  .theme_ocean-dark {
    --token-color-brand-primary-background: #084364;

    --token-color-brand-primary: #0077ba;

    --mdc-theme-primary: #0077ba;

    --mdc-theme-secondary: #0077ba;
  }
  .theme_ruby {
    --token-color-brand-primary-background: #ffe3e1;

    --token-color-brand-primary: #c41305;

    --token-color-text-link-bg_active: #ffe3e1;

    --mdc-theme-primary: #c41305;

    --mdc-theme-secondary: #c41305;
  }
  .theme_ruby-dark {
    --token-color-brand-primary-background: #770b02;

    --token-color-brand-primary: #c41305;

    --mdc-theme-primary: #c41305;

    --mdc-theme-secondary: #c41305;
  }
  .theme_fire {
    --token-color-text-link-bg_active: #fef9de;

    --token-color-text-inverse: #353a3f;

    --token-color-border-active: #e9a239;

    --token-color-brand-primary-background: #fef9de;

    --token-color-brand-primary: #e9a239;

    --mdc-theme-primary: #e9a239;

    --mdc-theme-secondary: #e9a239;
  }
}