:root {
    --navy-blue: #1d2b56;
    --emergency-red: #d21034;
    --neon-green: #77bc1f;
    --off-white: #f8f9fa;

    --cassiopeia-color-primary: var(--navy-blue);
    --cassiopeia-color-hover: var(--emergency-red);
    --cassiopeia-color-link: var(--navy-blue);
}

body {
    background-color: var(--off-white);
    color: #333;
}

.container-nav {
    background-color: var(--navy-blue);
}

.container-nav .nav-link {
    color: #ffffff !important;
}

.container-nav .nav-link:hover {
    color: var(--neon-green) !important;
}

main ul {
    list-style: none;
    padding-left: 1.5rem;
}

main ul li::before {
    content: "★"; 
    color: var(--neon-green);
    display: inline-block; 
    width: 1.5em;
    margin-left: -1.5em;
}

footer.footer {
    background: linear-gradient(135deg, var(--navy-blue) 0%, #0d1428 100%) !important;
    color: #ffffff !important;
    padding: 40px 0;
}

footer a {
    color: var(--neon-green) !important;
}

footer ul li::before {
    content: none !important;
}