/* Import component styles */
@import url("components/button.ad46a41af57e.css");
@import url("components/card.683549d1e89f.css");

/* Add your custom styles here */
:root {
    --primary-color: #218380;
}

/* Global Font */
* {
    font-family: 'Space Grotesk', sans-serif !important;
}

body {
    font-family: 'Space Grotesk', sans-serif !important;
}

.content {
    margin-top: 2rem;
}

.footer {
    margin-top: 2rem;
    padding: 1.5rem;
}

/* Menu List Customization */
.menu-list a {
    border-radius: 4px;
    color: #b0b0b0 !important;  /* Changed to a middle-ground color - darker than white but lighter than before */
    background-color: transparent !important;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem;
}

.menu-list a:hover {
    padding-left: 1.25em;
    background-color: #f5f5f5 !important;
    color: #4a4a4a !important;
}

.menu-list a.is-active {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* Box styling */
.box {
    background-color: #ffffff !important;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1) !important;
    border-radius: 6px;
}