:root {
  /* Colors */
  --black: #000;
  --white: #fff;
  --white-light: #f3f3f3;
  --white-dark: #ddd;
  --disabled: #cdcdcd;
  --primary: #0028a0;
  --primary-light: #1241cc;
  --secondary: #1074ed;
  --secondary-light: #1272ff;
  --text: #333;
  --text-dark: #191919;
  --text-light: rgba(55, 61, 81, 0.54);
  --light: #eee;
  --dark: #7d7d7e;
  --blue: #1074ed;
  --blue-light: #1272ff;
  --blue-dark: #324c6d;
  --link: #0028a0;
  --link-light: #6aadff;
  --link-gray: #4a4a4a;
  --red: #fc2d3b;
  --red-light: #ff3848;
  --red-dark: #4e383a;
  --orange: #ff6200;
  --orange-light: #e66e04;
  --orange-dark: #b24400;
  --grey: #808080;
  --grey-light: #696969;
  --grey-dark: #323232;
  --yellow: #ffc11a;
  --yellow-light: #f5db86;
  --yellow-dark: #b4870f;
  --purple: #800080;
  --purple-hover: #ad04ad;
  --purple-dark: #453469;
  --green: #47d764;
  --panel: #353535;
  --panel-light: #3e3e3e;
  --panel-dark: #323232;
  --border: #ccc;
  --border-focus: #157efb;
  --border-shadow: rgba(102, 175, 233, 0.6);
  --border-light: #f1f1f1;
  --border-bright: #575757;
  --border-dialog: #e5e5e5;
  --priority1: #fc2d3b;
  --priority2: #ff6200;
  --priority3: #ffc11a;
  --priority4: #663399;
  --priority5: #417cbf;
  --priority6: #78949f;
  --table-header: #009879;
  --table-header-light: #5fc9a9;

  /* Toast */
  --toast-success: #47d764;
  --toast-warning: #ffc021;
  --toast-info: #2f86eb;
  --toast-error: #fe0000;
  --toast-message: #636363;

  /* Shadows */
  --shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  --text-shadow: 0 0;

  /* Padding */
  --padding-tiny: 3px;
  --padding-small: 5px;
  --padding: 10px;
  --padding-medium: 12px;
  --padding-large: 15px;
  --padding-x-large: 20px;
  --padding-extra-large: 25px;
  --padding-super-large: 50px;

  /* Fonts */
  --font: "Roboto", "Helvetica Neue", "Microsoft YaHei", Helvetica,
    "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3"; /* stylelint-disable-line */
  --header-font: "Roboto", "Helvetica Neue", "Microsoft YaHei", Helvetica,
    "PingFang SC", "Hiragino Sans GB", "Hiragino Sans GB W3"; /* stylelint-disable-line */

  /* Font sizes */
  --h1: 48px;
  --h2: 42px;
  --h3: 26px;
  --h4: 18px;
  --h5: 14px;
  --font-super-x-large: 48px;
  --font-super-large: 36px;
  --font-extra-x-large: 24px;
  --font-extra-large: 20px;
  --font-header-size: 18px;
  --font-large: 16px;
  --font-medium: 15px;
  --font-normal: 13px;
  --font-small: 11px;
  --font-tiny: 9px;

  /* Font weights */
  --weight-tiny: 100;
  --weight-thin: 200;
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 600;
  --weight-semi-bold: 700;

  /* Borders */
  --border-radius: 3px;
  --border-radius-large: 5px;

  /* Widths */
  --tablet-width: 768px;

  /* Z-indexes */
  --z-sticky: 1;
  --z-header: 2;
  --z-minimize: 3;
  --z-dropdown: 4;
  --z-overlay: 5;
  --z-toast: 6;
  --z-debug: 7;
  --z-tooltip: 8;

  /* Header */
  --header-height: 70px;
  --footer-height: 50px;

  /* Tile size */
  --tile-large: 740px;
  --tile-medium: 356px;
  --tile-small: 233px;
  --tile-tiny: 192px;
  --tile-responsive: 192px;

  /* Transition */
  --transition: all 0.2s;
  --transition-in: all 0.2s ease-in;
  --transition-out: all 0.2s ease-out;
  --transition-slow: all 0.3s ease;
  --transition-slow-in: all 0.3s ease-in;
  --transition-slow-out: all 0.3s ease-out;
  --transition-very-slow-out: all 0.5s ease-out;
}