:root {
    --valeri: #00796b;
    --v-theme-primary: #00796b;
    --valeri-purple: #004d40;
    --valeri-plato: #00695c;
    --valeri-purple-light: 0, 121, 107;
    --valeri-purple-dark: 0, 77, 64;
    --text-color: #e0f2f1;
    --valeri-color-100: #00251a;
    --valeri-color-200: #00382a;
    --valeri-color-300: #005345;
    --valeri-color-400: #00796b;
    --valeri-color-500: #26a69a;
    --valeri-color-100-rgb: 0, 37, 26;
    --valeri-color-200-rgb: 0, 56, 42;
    --valeri-color-300-rgb: 0, 83, 69;
    --valeri-color-400-rgb: 0, 121, 107;
    --valeri-color-500-rgb: 38, 166, 154;
}

body {
    background-attachment: fixed;
    background: #004d40 !important;
    background: -webkit-linear-gradient(to top, #00251a, #004d40) !important;
    background: linear-gradient(to top, #00251a, #004d40) !important;
    color: var(--text-color);
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body:after{
    background-image: url('/theme/img/logo.png');
    filter: blur(4px);
    background-attachment: fixed;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 30%;
    opacity: 0.4;
    content: 'ss';
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.coming-soon-container {
    text-align: center;
    padding: 2rem;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(var(--valeri-purple-dark), 0.4);
}

.btn-primary {
    background-color: #EEBA2B;
    border-color: #004d40;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #005f56 !important;
    border-color: #005f56 !important;
}

input.form-control {
    border-radius: 0.5rem;
    border: 1px solid #004d40;
    background-color: #e0f2f1;
    color: #004d40;
}

.logo-container {
    width: 260px !important;
    margin: 80px auto !important;
    background: #00251a !important;
    padding: 20px;
    border-radius: 0 40px;
    border: 1px solid #00251a;
}

footer {
    margin-top: 2rem;
    font-size: 0.875rem;
    color: rgba(224, 242, 241, 0.7);
}