html {
  /* COLOR */
  --color-primary: #125e92;
  --color-primary: #1486d1;
  --color-info: #4869ee;
  --color-success: #41cf7c;
  --color-success: #42b983;
  --color-warning: #feb32b;
  --color-danger: #f25353;
  --color-dark: #121c42;
  --color-secondary: #6e758c;
  --color-light: #d5e3ec;
  --color-border: #e6eff4;
  --color-x-light: #f7fafb;
  /* BUTTON */
  --btn-font-size: 14px;
  --btn-line-height: 18px;
  --btn-paddingX: 10px;
  --btn-paddingY: 24px;
  /* BUTTON SM */
  --btn-sm-font-size: 10px;
  --btn-sm-line-height: 14px;
  --btn-sm-paddingX: 5px;
  --btn-sm-paddingY: 10px;
  /* BUTTON ICON */
  --btn-icon-width: 16px;
  --btn-icon-height: 16px;
  --btn-icon-paddingX: 11px;
  --btn-icon-paddingY: 11px;
  /* BUTTON ICON SM */
  --btn-sm-icon-width: 10px;
  --btn-sm-icon-height: 10px;
  --btn-sm-icon-paddingX: 6px;
  --btn-sm-icon-paddingY: 6px;
  /* TYPOGRAPHY */
  --font-family: "Louis George Cafe", "Inter";
  /* ALL */
  --border-radius: 5px;
}