:root {
  --background-color: #242424f;
  --primary-color: #000;
  --secondary-color: #4a61df;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --waiting-color: #d1d153;
  --express-color: #d0302d;
  --like-color: #d50000;
  --white: #fff;

  --grey-1: #fefefe;
  --grey-2: #eeeeee;
  --grey-3: #e0e0e0;
  --grey-4: #bdbdbd;
  --grey-5: #9e9e9e;
  --grey-6: #757575;


  --star-1: #ff0000;
  --star-2: #ffa500;
  --star-3: #e7e035;
  --star-4: #4fd243;
  --star-5: #008000;
  --star-off: #ddd;

  --espelho-color: rgba(255, 255, 255, 0.4);
  --espelho-blur: blur(1rem);

  --black: #000;
  --black-1: #111;
  --black-2: #333;
  --black-3: #555;
  --black-4: #777;
  --black-5: #999;
  --black-6: #bbb;
  --black-7: #ddd;
  --black-8: #eee;

  --xs-mw: 600px;

  --xs-max-width: 600px;
  --xs-min-width: 0px;
  /* layout-sm	600px <= width < 960px */

  --sm-min-width: 600px;
  --sm-max-width: 960px;

  /* layout-md	960px <= width < 1280px */
  --md-min-width: 960px;
  --md-max-width: 1280px;

  /* 1280px <= width < 1920px */
  --lg-min-width: 1280px;
  --lg-max-width: 1920px;

  /* 1920px <= width < 2560px */
  --xl-min-width: 1920px;
  --xl-max-width: 2560px;

  /* Cores relacionadas aos filtros de Vendas Pro */
  --pagando-color: #f9a825;
  --pago-color: var(--success-color);
  --enviado-color: #66bb6a;
  --entregue-color: #1976d2;
  --problematicas-color: #d32f2f;
  --liquidado-color: #4e342e;
  --historico-color: #9e9e9e;

  /* Cores para Skeleton de Vendas/Anuncios PRO */
  --skeleton-bg1: #eee;
  --skeleton-bg2: #f5f5f5;
}