:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-line: #e3e4e7;
  --color-line-perfil: #798288;
  --color-bg-sidebar: #f2f5f7;
  --color-bg-login: #E8EDF2;
  --color-primary: #3f57e0;
  --color-danger: #f44336;
  --color-success: #4caf50;
  --color-warning: #ff9800;
  --color-btn-primary: #3f57e0;
  --color-btn-danger: #f44336;
  --color-btn-success: #4caf50;
  --color-btn-warning: #ff9800;
  --color-gray-2: #e5e5e5;
  --color-gray-1: #798288;
  --with-menu: 250px;
  --gap-general: 15px;
  --font-size-menu: 14px;
  --box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25),
        0 8px 16px -8px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1450px) {
  :root {
    --container-width: 1320px;
    --font-size-menu: 0.9em;
  }
}
@media screen and (max-width: 1445px) {
  :root {
    --container-width: 1115px;
    --font-size-menu: 0.6em;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --container-width: 1300px;
  }
}
@media screen and (max-width: 478px) {
  :root {
    --container-width: 100%;
  }
}