@import url('project-layout.css');

:root {
    --theme-primary: #8dccc4;
    --theme-secondary: #76c2b9;
    --theme-gradient: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
    --theme-shadow: rgba(44, 138, 126, 0.2);
    --theme-accent-10: rgba(141, 204, 196, 0.1);
    --theme-accent-20: rgba(141, 204, 196, 0.2);
    --theme-accent-50: rgba(141, 204, 196, 0.5);
    --theme-accent-90: rgba(44, 138, 126, 0.9);
}

#nav,
#nav a,
.menu-toggle {
    color: #222;
}

#nav a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.metrica-item {
    color: #222;
}

.metrica-item h3 {
    color: #111;
}

.metrica-item p {
    color: #222;
}

.boton-proyecto {
    color: #222;
}

#btn-back-to-top {
    color: #222;
}

.extra-icon {
    color: var(--theme-primary);
}