/* --- THEME: PYTHONIC SERPENT (Códigos / Console) --- */
[data-theme="pythonic-serpent"] {
    --font-main: 'Fira Code', monospace; /* Fonte de programação */
    --backdrop-blur: 10px;

    /* --- CORES BASE --- */
    --bg-app: linear-gradient(135deg, #0f172a 0%, #0c0a09 100%); /* Azul marinho muito escuro */
    --bg-panel: rgba(17, 24, 39, 0.95);
    --bg-panel-solid: #0f172a;
    --bg-input: #1e293b;

    --border-color: #334155; /* Cinza azulado escuro */
    --glass-border: 1px solid rgba(51, 65, 85, 0.6);
    --glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.7);

    --text-main: #e2e8f0; /* Branco azulado suave */
    --text-muted: #94a3b8;
    --text-inverse: #fff;

    /* --- CORES DE ACENTUAÇÃO (Python Azul/Amarelo/Verde) --- */
    --accent-primary: #38bdf8;   /* Azul Python */
    --accent-secondary: #fcd34d; /* Amarelo Python */
    --accent-danger: #ef4444;
    --accent-success: #10b981;

    /* --- NÓS (NODES) --- */
    --node-bg: rgba(30, 41, 59, 0.9);
    --node-border: #38bdf8;
    --node-shadow: 0 6px 18px rgba(0,0,0,0.8);
    --node-selected-glow: 0 0 0 2px var(--accent-primary), 0 0 12px rgba(56, 189, 248, 0.5);

    /* --- GRID --- */
    --grid-color: rgba(56, 189, 248, 0.1);

    /* --- CORES SEMÂNTICAS (Temas de Programação) --- */
    --col-client: #fcd34d;
    --col-lb: #38bdf8;
    --col-service: #10b981;
    --col-db: #f97316;
    --col-cache: #8b5cf6;
    --col-queue: #ef4444;
    --col-external: #94a3b8;

    /* --- BOTÕES --- */
    --btn-primary-bg: var(--accent-primary);
    --btn-primary-text: #0f172a;
    --btn-primary-shadow: 0 4px 10px rgba(56, 189, 248, 0.3);
    --btn-secondary-bg: #334155;
    --btn-secondary-hover: #475569;

    /* --- Efeitos Específicos para Pythonic Serpent --- */
    /* Para a cobra animada, você precisaria de um elemento SVG/imagem
       e animações CSS/JS para movê-la pelo painel como um Easter Egg.
       Isso estaria fora do escopo apenas de variáveis CSS.
       Ex: background-image: url('caminho/para/snake.svg');
           background-repeat: no-repeat;
           animation: snake-walk 30s linear infinite;
    */
}


/* =========================================
   11. ANIMAÇÃO DA COBRA PYTHON (CORRIGIDO)
   ========================================= */

/* Define o movimento da cobra, que é um caminho complexo (e longo) */
@keyframes snake-movement {
    0% { transform: translate(10%, 10%) scaleX(1) scale(1.5); opacity: 0.9; } /* Aumenta a escala */
    20% { transform: translate(80%, 30%) scaleX(1) scale(1.5); }
    40% { transform: translate(50%, 70%) scaleX(-1) scale(1.6); } /* Aumenta um pouco mais e inverte */
    60% { transform: translate(20%, 50%) scaleX(-1) scale(1.4); }
    80% { transform: translate(60%, 85%) scaleX(1) scale(1.5); }
    100% { transform: translate(10%, 10%) scaleX(1) scale(1.5); opacity: 0.9; }
}

/* Estilo do elemento cobra */
.python-snake-easteregg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px; /* Aumenta a caixa base */
    height: 60px; /* Aumenta a caixa base */
    z-index: 500;
    pointer-events: none;
    
    /* Aplica a animação com a nova escala */
    animation: snake-movement 30s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Aplica o estilo visual e o efeito 3D */
.python-snake-easteregg::before {
    content: '🐍'; 
    font-size: 50px; /* Aumenta o tamanho do emoji/SVG */
    display: block;
    
    /* EFEITO 3D "SAINDO DO MONITOR" */
    /* Cria uma sombra forte e desfocada que simula brilho e profundidade */
    filter: drop-shadow(0 0 10px var(--accent-primary, #38bdf8)) 
            drop-shadow(0 0 20px rgba(0, 0, 0, 0.8)); 
    
    /* Opcional: Adiciona uma leve rotação para dar mais dinamismo */
    transform: rotate(5deg);
}