:root {
    --ssra-dark: #171717;
    --ssra-darker: #0d0d0d;
    --ssra-light: #f5f5f5;
    --ssra-accent: #ef6c00;
    --ssra-muted: #6c757d;
}

body {
    background: #f4f4f4;
    color: #222;
}

.ssra-navbar {
    background: var(--ssra-dark);
}

.ssra-navbar .navbar-brand {
    letter-spacing: 0.08em;
}

.btn-ssra {
    background: var(--ssra-accent);
    border-color: var(--ssra-accent);
    color: white;
}

.btn-ssra:hover {
    background: #d76000;
    border-color: #d76000;
    color: white;
}

.ssra-hero {
    background:
        linear-gradient(
            rgba(0, 0, 0, 0.72),
            rgba(0, 0, 0, 0.72)
        ),
        var(--ssra-dark);

    color: white;
    padding: 5rem 0;
}

.ssra-card {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.15rem 0.8rem rgba(0, 0, 0, 0.08);
}

.ssra-stat {
    font-size: 2rem;
    font-weight: 700;
}

.status-not-started {
    color: #6c757d;
}

.status-practising {
    color: #0d6efd;
}

.status-independent {
    color: #198754;
}

.status-verified {
    color: #ef6c00;
    font-weight: 700;
}

.ssra-footer {
    background: var(--ssra-darker);
    color: #aaa;
}