:root {

    /* Colores principales */
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;

    --background-color: #050816;
    --secondary-background: #0f172a;

    --text-color: #ffffff;
    --text-secondary: #94a3b8;

    --border-color: #1e293b;

    /* Tipografías */
    --font-primary: 'Segoe UI', sans-serif;

    /* Tamaños */
    --container-width: 1200px;

    /* Sombras */
    --shadow-primary: 0 10px 30px rgba(37,99,235,0.2);

    /* Transiciones */
    --transition: all .3s ease;
}