@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&family=Merriweather:wght@400;700&display=swap');

:root {
  --primary: #e72d50;
  --primary-dark: #E42145;
  --logo: #FFF;
  --sidebar-icon: #898394;
  --dark: #2c333e;
  --grey: #d6d4da;
  --light-grey: #f0f0f5;
  --dark-grey: #898394;
  --20: rgba(231, 45, 80, 0.03);
  --30: #f3f3f3;
  --40: var(--grey)
}

.btn-danger{
    background-color: var(--primary);
}

h1, h2, h3, h4, h5, h6, p, a, span {
    font-family: 'Fira Sans';
}

.text-2xl {
    font-family: 'Merriweather' !important;
    font-weight: 700;
}

.merriwwather{
    font-family: 'Merriweather' !important;
}

.firasans{
    font-family: 'Fira Sans' !important;
}

.btn-outline{
    border-color: var(--dark-grey);
}

.btn-delete-details {
    background: var(--light-grey);
    color: var(--dark-grey);
}

.btn-edit-details {
    color: white;
}

.btn, .btn span {
    font-family: 'Merriweather';
    font-weight: 600;
    text-shadow: none;
}

.btn-primary {
    background-color: var(--primary);
    color: var(--white) !important;
}

.card {
    box-shadow: none;
    border: 1px solid var(--grey);
    border-radius: 8px;
}

.card label{
    color: var(--dark-grey);
}

.card input, .card textarea, .card select{
    color: #2c333e;
    border-color: var(--light-grey);
    border-radius: 8px;
}

.border-grey{
    border: 1px solid var(--grey);
}

.border-b-grey{
    border-bottom: 1px solid var(--grey);
}

.modal form h2{
    color: var(--dark);
    font-weight: bold;
    font-family: 'Merriweather';
}

.modal form p{
    color: var(--dark);
    font-weight: normal;
    font-family: 'Fira Sans';
}

body {
    background: #fcfcfc;
}

.table th {
    background-color: var(--light-grey);
    color: var(--dark-grey);
    font-weight: normal;
    letter-spacing: normal;
}

.btn {
    border-radius: 18px;
}

.bg-logo{
    border-right: 1px solid #f0eff2;
    border-bottom: 1px solid var(--grey);
}

.form-global-search, .w-search {
    color: var(--80);
    background-color: var(--white);
    border: 1px solid var(--grey);
    border-radius: 8px;
    font-size: 0.9rem;
}

.rounded-full.w-8.h-8 {
    border-radius: 0px;
    height: 2.5rem;
    width: 2.5rem;
    margin: 10px 0px;
}


.sidebar-label{
    color: black;
}

.leading-tight a{
    color: black;
}

.bg-grad-sidebar {
  background: #FFFFFF;
  border-right: 1px solid #f0eff2;
}

.btn-detached-action {
    background: var(--primary);
    color: white;
}