:root {
    --komvos-gray8: #9b9993;
    --komvos-blue: #0A0C11;
    --komvos-white: #FFFFFF;
    --komvos-gray1: #D9D9D6;
}

body {
    background: var(--komvos-gray1);
    color: var(--komvos-blue);
    font-family: 'Montserrat', Arial, sans-serif;
}

.navbar-komvos {
    background-color: var(--komvos-blue) !important;
    color: var(--komvos-white) !important;
}

.navbar-komvos .navbar-brand {
    font-weight: bold;
    color: var(--komvos-white) !important;
    letter-spacing: 1px;
}

.navbar-komvos .nav-link {
    color: var(--komvos-white) !important;
}

.card, .modal-content, .form-control {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(155, 153, 147, 0.04);
}

.card-title {
    color: var(--komvos-blue);
}

.btn-komvos {
    background: var(--komvos-gray8);
    color: var(--komvos-blue);
    border: none;
}

.btn-komvos:hover, .btn-komvos:active {
    background: var(--komvos-blue);
    color: var(--komvos-white);
}

.bg-komvos-blue {
    background: var(--komvos-blue) !important;
    color: var(--komvos-white) !important;
}

.text-komvos-gray8 {
    color: var(--komvos-gray8) !important;
}

.text-komvos-blue {
    color: var(--komvos-blue) !important;
}