:root {
  --color-primary:#ffffff; 
  --color-secondary:#ADB3B9;  
  --color-tertiary: #29282D; 
  --color-quaternary: #222126;  
  --color-quinary: #1F1E22;  
  --color-senary:#5644E6;  

  --color-transparent-primary: #3c3c3c7d;
  --color-transparent-secondary: #1f1e229e;
  --color-transparent-tertiary: #ffffffab;

  --color-button-delete: #ff000094;
  --color-button-create: #008000;
  --color-button-edit: #008000;
  --color-button-cancel: #29282D;

  --color-task-open: #ff000031;
  --color-task-in-progress: #ff000031;
  --color-task-completed: #00800034;
  --color-task-canceled: #ff000031;
}

.bg-screen-primary{
  background-color: var(--color-transparent-secondary);
}

.bg-screen-secondary{
  background-color: var(--color-quinary);
}