:root {
    --c-bg: #ffffff; /* blanco */
    --c-ink: #0e171e; /* texto principal */
    --c-primary: #124e91; /* azul */
    --c-muted: #9ca1a8; /* gris */
    --c-ink-dark: #090400;
    --glass: rgba(255, 255, 255, 0.75);
}

body {
    font-family: "Inter", sans-serif;
}
.glass {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(18, 78, 145, 0.1);
}
.gradient-hero {
    background: linear-gradient(135deg, #0a1d37 0%, #112a56 50%, #124e91 100%);
}

@keyframes fade {
    0%,
    100% {
        opacity: 0.5;
    }
    20%,
    80% {
        opacity: 1;
    }
}
.animate-fade {
    animation: fade 10s infinite;
}