.day-mode {
  --auxiliar: #FF0060;
  --alert: #ff0060;
  --primary-color: rgb(151, 86, 204);
  --primary-color-alpha90: rgba(151, 86, 204, .9);
  --primary-color-alpha80: rgba(151, 86, 204, .8);
  --primary-color-alpha70: rgba(151, 86, 204, .7);
  --primary-color-alpha60: rgba(151, 86, 204, .6);
  --primary-color-alpha50: rgba(151, 86, 204, .5);
  --primary-color-alpha40: rgba(151, 86, 204, .4);
  --primary-color-alpha30: rgba(151, 86, 204, .3);
  --primary-color-alpha20: rgba(151, 86, 204, .2);
  --primary-color-alpha10: rgba(151, 86, 204, .1);
  --primary-color-alpha: #9756CC1A;
  --primary-variant-color: #754765;
  --primary-variant-color-alpha: #75476518;
  --secondary-color: #41CCC5;
  --secondary-variant-color: #1c807b;
  --chart-primary-color: #FF0060;
  --background: #E1E1E1;
  --background-alpha: #FFFFFFE6;
  --surface: #FFF;
  --warning: #CC642D;
  --error: #FF0060;
  --on-primary: #666;
  --on-secondary: #666;
  --on-background: #666;
  --on-surface: #666;
  --on-surface-alpha80: rgba(102, 102, 102, .8);
  --on-surface-background: hsl(0, 0%, 94%);
  --on-error: #FFF;
  --on-warning: #FFF;
  --strong-color: #222;
  --disabled-icon: #D1D1D1;
  /* Utils */
  --box-shadow: rgba(0, 0, 0, 0.16);
  --light-border: hsl(0, 0%, 88%);
  --medium-border: hsl(0, 0%, 75%);
  /* Charts Palette */
  --chart-color-1: hsl(273, 54%, 25%);
  --chart-color-2: hsl(273, 54%, 40%);
  --chart-color-3: hsl(273, 54%, 55%);
  --chart-color-4: hsl(273, 54%, 65%);
  --chart-color-5: hsl(273, 54%, 70%);
  --chart-color-6: hsl(273, 54%, 75%);
  --chart-color-7: hsl(273, 54%, 80%);
  --chart-color-8: hsl(273, 54%, 85%);
  color: var(--on-surface);
  /* Tonalities */
  --positive-color: rgba(59, 130, 246, 1);
  --neutral-color: rgba(156, 163, 175, 1);
  --negative-color: rgba(248, 113, 113, 1);
}