:root {
    --darkColor: #1c2027;
}


body {
    font-family: system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
}

nav {
    background: #333;
    padding: 1rem;
}

nav a {
    color: white;
    margin-right: 1rem;
    text-decoration: none;
}

nav a:hover {
    text-decoration: underline;
}

.full-dvh {
    height: 100dvh;
}

.full-dvw {
    width: 100dvw;
}

.primaryColor {
    background: #2c3e50;
}

/* Animación de entrada */
@keyframes pageEntrance {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.page-animate {
    animation: pageEntrance 0.4s ease-out forwards;
}