/* style.css */
:root {
    --primary-dark: var(--user-primary-color, #047857); 
    --primary-green: var(--user-secondary-color, #10b981);
    --primary-light: #d1fae5;
    --bg-gray: #f3f4f6; 
    --text-dark: #1f2937; 
    --text-gray: #4b5563; 
    --white: #ffffff;
}

body {
    font-family: 'Times New Roman', 'Traditional Arabic', 'Arabic Typesetting', 'Amiri', serif;
    background-color: var(--bg-gray);
    color: var(--text-dark);
}

/* Override monospace font to use Times New Roman */
.font-mono {
    font-family: 'Times New Roman', 'Traditional Arabic', 'Arabic Typesetting', 'Amiri', serif !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Modal Transitions */
.modal-enter {
    opacity: 0;
    transform: scale(0.9);
}
.modal-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity 300ms, transform 300ms;
}
.modal-leave {
    opacity: 1;
    transform: scale(1);
}
.modal-leave-active {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 300ms, transform 300ms;
}


@media only screen and (max-width: 600px) {

    .shadow {
   margin-top: 1.2em;
}

.border-b {
    margin-top: 1.2em;
}

}