:root {
    /* Fondos */
    --fondo-0: #0a0b0f;
    --fondo-1: #0f1117;
    --fondo-3: #1c1f2e;
    --fondo-tarjeta: #12141c;

    /* Bordes */
    --borde: rgba(255, 255, 255, 0.07);
    --borde-hover: rgba(99, 179, 237, 0.35);

    /* Colores de acento */
    --color-acento: #63b3ed;
    --color-acento-tenue: rgba(99, 179, 237, 0.12);
    --color-acento-brillo: rgba(99, 179, 237, 0.08);

    /* Colores secundarios */
    --color-verde: #68d391;
    --color-verde-tenue: rgba(104, 211, 145, 0.12);
    --color-morado: #b794f4;

    /* Texto */
    --texto-0: #f0f4ff;
    --texto-1: #a0aec0;
    --texto-2: #718096;

    /* Tipografía */
    --fuente-normal: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    --fuente-codigo: "JetBrains Mono", "Fira Code", monospace;

    /* Radios */
    --radio-s: 6px;
    --radio-m: 10px;
    --radio-l: 16px;

    /* Layout */
    --alto-nav: 64px;
    --espacio-secciones: 100px;
    --ancho-maximo: 1100px;
}