:root {
  /*==Cores========================================*/
  --light: #ffffff;
  --dark: #1a1a2e;
  /*==Alertas========================================*/
  --success: #2ecc71;
  --warning: #f39c12;
  --error: #e74c3c;
  /*==Cores Principais========================================*/
  --color-primary: #ff61be;
  --color-secondary: #00e5ff;
  --color-light: #fff5f9;
  --color-dark: #232323;
  --color-accent: #a0a0a0;
  /*==Efeitos========================================*/
  --color-effect01: #263440;
  --color-effect02: #332d3d;
  /*==sombras========================================*/
  --shadow: 0 4px 12px rgba(35, 35, 35, 0.6);
  --shadowtx: 0px 1px 1px rgba(35, 35, 35, 0.6);
  /*==Gradientes Botao admin========================================*/
  --gradient-botao: linear-gradient(
    to right,
    var(--color-primary),
    var(--color-secondary)
  );
  /*==Gradientes Botao site========================================*/
  --Gradiente-light: linear-gradient(
    to right,
    var(--primary),
    var(--secondary)
  );
  /*==Gradientes Fundo admin========================================*/
  --gradient-fundo: linear-gradient(
    to right,
    var(--color-effect02),
    var(--color-effect01)
  );
  /*==Gradientes Fundo site========================================*/
  --gradient-dark: linear-gradient(to right, var(--dark), var(--primary));
  /*==Gradientes========================================*/
  --gradient-accent: linear-gradient(to right, var(--primary), var(--accent));
}