:root {
  --light: #ffffff;
  --dark: #232428;
  --primary: #57585d;
  --secondary: #8b8d93;
  --accent: #d7d9de;
  --surface: #f4f4f5;
  --surface-soft: #ececee;
  --text-soft: #6c6e74;
  --success: #2d8a57;
  --warning: #d59b2f;
  --error: var(--primary);
  --color-primary: var(--primary);
  --color-secondary: var(--secondary);
  --color-light: #f5f5f6;
  --color-dark: var(--dark);
  --color-accent: var(--accent);
  --color-effect01: #2d2f34;
  --color-effect02: #6e7077;
  --shadow: 0 12px 28px;
  --shadowtx: 0 1px 2px;
  --gradient-botao: linear-gradient(135deg, var(--primary), var(--secondary));
  --Gradiente-light: linear-gradient(135deg, var(--primary), var(--secondary));
  --gradient-fundo: linear-gradient(
    160deg,
    var(--color-effect01),
    var(--color-effect02)
  );
  --gradient-dark: linear-gradient(135deg, var(--dark), var(--primary));
  --gradient-accent: linear-gradient(135deg, var(--secondary), var(--accent));
}