:root {
    --bittersweet: #ff5f59;
    --bittersweet_hover: #ff1e16;
    --bittersweet_cair: #ff696929;
    --emerald: #6ab378;
    --emerald_hover: #5d9e6a;
    --chocolate_cosmos: #460012;
    --licorice: #150005;
    --white: #fcfcfc;
  }

  
.btn-primary {
    color: var(--white);
    background-color: #6c63ff;
    border-color: #6c63ff;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}

.btn-primary:hover {
    color: #fff;
    background-color: #5b52ff;
    border-color: #5b52ff;
    transform: translateY(-1px);
}

.table-primary {
    --bs-table-bg: #dfe1ff;
    --bs-table-striped-bg: #d4d7ff;
    --bs-table-striped-color: #435971;
    --bs-table-active-bg: #c9cdff;
    --bs-table-active-color: #435971;
    --bs-table-hover-bg: #d7dbff;
    --bs-table-hover-color: #435971;
    color: #435971;
    border-color: #c9cdff;
}

body.supplier-module .btn-primary,
body.supplier-module .btn-secondary,
body.supplier-module .btn-add {
    color: #fff;
    background-color: #00bf63;
    border-color: #00bf63;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 191, 99, 0.35);
}

body.supplier-module .btn-primary:hover,
body.supplier-module .btn-primary:focus,
body.supplier-module .btn-primary.focus,
body.supplier-module .btn-secondary:hover,
body.supplier-module .btn-secondary:focus,
body.supplier-module .btn-secondary.focus,
body.supplier-module .btn-add:hover,
body.supplier-module .btn-add:focus,
body.supplier-module .btn-add.focus {
    color: #fff;
    background-color: #00a957;
    border-color: #00a957;
    transform: translateY(-1px);
}

body.supplier-module .btn-check:focus + .btn-primary,
body.supplier-module .btn-primary:focus,
body.supplier-module .btn-check:focus + .btn-secondary,
body.supplier-module .btn-secondary:focus,
body.supplier-module .btn-check:focus + .btn-add,
body.supplier-module .btn-add:focus {
    box-shadow: none;
    transform: translateY(0);
}

body.supplier-module .table:not(.table-dark) th {
    color: var(--white);
}

.form-control:focus, .form-select:focus {
    border-color: var(--bittersweet);
}