:root {
    --marine: #0b1f3a;
    --marine-light: #0b50a9;
    --marine-dark: #021733;
    --steel: #d1d5db;
    --accent: #b61212;
}

body {
    background-color: var(--marine);
    color: var(--steel);
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

.navbar {
    background-color: #081629 !important;
}

.card {
    background-color: var(--marine-light);
    border: 1px solid #1f3d66;
    color: var(--steel);
}

.btn-primary {
    background-color: var(--accent);
    border: none;
    color: #000;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: var(--marine);
}

footer {
    background-color: var(--marine-dark);
    color: #aaa;
}

.countdown {
    color: white;
}

.start-25 {
    left: 25%;
}