:root {
    --color-aqua: #00ffff;
    --color-ash: #f0f0f0;
    --color-black: #000000;
    --color-white: #ffffff;
}

body {
    background-color: var(--color-ash);
    color: var(--color-black);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}




.form-container {
    max-width: 400px;
    margin: 2rem auto;
    padding: 2rem;
    background: var(--color-white);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: var(--color-aqua) !important;
}

.btn-primary {
    background-color: var(--color-aqua);
    border: none;
    color: var(--color-black);
}

.navbar {
    background-color: var(--color-black);
}

.navbar a, .navbar-brand {
    color: var(--color-aqua) !important;
}

.navbar a:hover {
    color: var(--color-white) !important;
}
.navbar-brand:hover {
    color: var(--color-white) !important;
}
.navbar-toggler {
    border-color: var(--color-aqua);
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='var(--color-aqua)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-collapse {
    background-color: var(--color-black);
}