:root {
            --bg-dark: #0f172a;
            --accent-blue: #0ea5e9;
            --text-gray: #94a3b8;
        }
        body {
            background-color: var(--bg-dark);
            color: white;
            font-family: 'Inter', sans-serif;
        }
        .mono { font-family: 'JetBrains Mono', monospace; }
        .accent { color: var(--accent-blue); }
        
        /* Estilo para las tarjetas de proyectos */
        .project-card {
            background: #1e293b;
            border: 1px solid #334155;
            transition: transform 0.3s ease;
        }
        .project-card:hover {
            transform: translateY(-10px);
            border-color: var(--accent-blue);
        }
        .badge-deployed {
            background-color: rgba(14, 165, 233, 0.1);
            color: var(--accent-blue);
            border: 1px solid var(--accent-blue);
        }