body {
    --crm-primary: #4e73df;
    --crm-primary-hover: #3657bf;
    --crm-primary-rgb: 78, 115, 223;
    --crm-primary-soft: #edf4ff;
    --crm-primary-subtle: #f7faff;
    --crm-primary-border: #c9d8fb;
    --crm-page-bg: #f5f7fb;
}

body.skin-blue,
body.skin-blue-light,
body.skin-black-blue {
    --crm-primary: #4e73df;
    --crm-primary-hover: #3657bf;
    --crm-primary-rgb: 78, 115, 223;
}

body.skin-green,
body.skin-green-light,
body.skin-black-green {
    --crm-primary: #00a65a;
    --crm-primary-hover: #008d4c;
    --crm-primary-rgb: 0, 166, 90;
}

body.skin-red,
body.skin-red-light,
body.skin-black-red {
    --crm-primary: #dd4b39;
    --crm-primary-hover: #c23321;
    --crm-primary-rgb: 221, 75, 57;
}

body.skin-yellow,
body.skin-yellow-light,
body.skin-black-yellow {
    --crm-primary: #f39c12;
    --crm-primary-hover: #db8b0b;
    --crm-primary-rgb: 243, 156, 18;
}

body.skin-purple,
body.skin-purple-light,
body.skin-black-purple {
    --crm-primary: #605ca8;
    --crm-primary-hover: #555299;
    --crm-primary-rgb: 96, 92, 168;
}

body.skin-black,
body.skin-black-light {
    --crm-primary: #111827;
    --crm-primary-hover: #000;
    --crm-primary-rgb: 17, 24, 39;
}

body.skin-black-pink {
    --crm-primary: #f5549f;
    --crm-primary-hover: #e63f8d;
    --crm-primary-rgb: 245, 84, 159;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: var(--crm-primary);
    border-color: var(--crm-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: var(--crm-primary-hover);
    border-color: var(--crm-primary-hover);
}

.box.box-primary {
    border-top-color: var(--crm-primary);
}

.text-primary {
    color: var(--crm-primary);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--crm-primary);
    color: #fff;
}

.form-control:focus {
    border-color: var(--crm-primary);
    box-shadow: 0 0 0 2px rgba(var(--crm-primary-rgb), .1);
}