:root {
  --primary-color: #6100ff;
  --background-dark: #2d2b30;

  /* Botões */
  --btn-primary: var(--primary-color);
  --btn-outline: var(--primary-color);
  --btn-link: #6100ff;
  --btn-dark: #4e00cc;

  /* Icones */
  --icon-default-color: var(--primary-color);
  --icon-custom-list-color: var(--primary-color);
  --icon-accent-light-background-color: var(--primary-color);

  /* Texto */
  --text-normal-color: #2D2B30;
  --text-light-color: #609751;
  --text-bold-color: #07953E;
  --text-accent-color: #0C7308;

  /* Cores base */
  --black-color: #000000;
  --secondary-color: #FDC300;
  --tertiary-color: #FFFFFF;
  --red-color: #D0000D;
  --green-color: #20A920;
  --orange-color: #FF9530;
  --blue-color: #24B0ED;
  --white-color: #FFFFFF;
  --gradient-colors: linear-gradient(
    to right,
    #05fcff,
    #3b2dff,
    #b000d9,
    #ff0092
  );

  /* Cinza */
  --gray-100: #2d2b30;
  --gray-40: #abaaac;
  --gray-50: #969597;
  --gray-60: #818083;
  --gray-70: #6c6b6e;
  --gray-30: #c0bfc1;
  --gray-10: #eaeaea;
  --gray-20: #d5d5d6;
  --gray-05: #f5f4f5;
}
