@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

:root {
    --my-primary: #F5F5F5;
    --my-secondary: #d8c270 !important;
    --my-tertiary: #022657;
}

.bg-primary {
    background-color: var(--my-primary);
}

.bg-secondary {
    background-color: var(--my-secondary) !important;
}

.bg-tertiary {
    background-color: var(--my-tertiary);
}

.text-secondary {
    color: var(--my-secondary);
}

.text-tertiary {
    color: var(--my-tertiary);
}

.border-secondary {
    border-color: var(--my-secondary);
}

.hover\:bg-white:hover {
    background-color: white;
}

.hover\:text-tertiary:hover {
    color: var(--my-tertiary);
}

.bg-whatsapp-green{
    background-color: #25D366;
}

.btn-primary {
    background: var(--my-tertiary) !important;
    border-color: var(--my-secondary);
}

/* Scrollbar Styles (hidden) */
::-webkit-scrollbar {
    width: 8px;
    display: none;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* Light background */
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
    background: var(--my-tertiary);
}

/* Scrollbar Handle on Hover */
::-webkit-scrollbar-thumb:hover {
    background: #00789E;
    /* Darker shade of secondary */
}