@tailwind base;
@tailwind components;
@tailwind utilities;


.theme-bg  {
    background-color: var(--theme-default) !important;
}
.theme-clr {
    color: var(--theme-default) !important;
}
.theme-clr-1 {
    color: var(--theme-default3) !important;
}

.accent-bg  {
    background-color: var(--theme-default2) !important;
}
.accent-clr {
    color: var(--theme-default2) !important;
}



/* Buttons =============================================== */
.btn-light{
    background: var(--theme-default3);
    color: var(--theme-default);
}
.btn-light2{
    background: var(--theme-default2) !important;
    color: var(--theme-default) !important;
}
.btn-drk{
    background: var(--theme-default) !important;
    color: var(--theme-default3) !important;
}
.my-btn{
    padding: 4px 20px;
    border-radius: 20px;
    font-weight: 700;
}

.btn-drk:hover{
    background: var(--theme-default4) !important;
}
/* Buttons =============================================== */