/* =========================================
   THEME: NEON (Clean Dark High Contrast)
   ========================================= */

[data-theme="neon"] {
    --font-main: 'Inter', sans-serif; 
    --backdrop-blur: 4px;

    --bg-app: #050505;
    --bg-panel: rgba(10, 10, 10, 0.9);
    --bg-panel-solid: #000;
    --bg-input: #151515;

    --border-color: #333;
    --glass-border: 1px solid #333;
    --glass-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

    --text-main: #e5e5e5;
    --text-muted: #888;
    --text-inverse: #fff; /* Mantido igual, mas sobrescrito aqui */

    /* High Saturation Colors */
    --accent-primary: #00ffff;
    --accent-secondary: #ff00ff;
    --accent-danger: #ff3333;
    --accent-success: #00ff66;

    --node-bg: #0a0a0a;
    --node-border: #333;
    --node-shadow: 0 0 10px rgba(0,0,0,0.8); 
    --node-selected-glow: 0 0 15px var(--accent-primary);

    --grid-color: rgba(0, 255, 255, 0.08);

    /* Node Colors (Neon) */
    --col-client: #00ff00;
    --col-lb: #d946ef;
    --col-service: #00ffff;
    --col-db: #ff8800;
    --col-cache: #ff0099;
    --col-queue: #ffff00;
    --col-external: #777;

    /* Buttons with borders instead of gradients */
    --btn-primary-bg: transparent;
    --btn-primary-text: var(--accent-primary);
    --btn-primary-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
    --btn-secondary-bg: rgba(255, 255, 255, 0.02);
    --btn-secondary-hover: rgba(255, 255, 255, 0.1);
}

/* Lógica específica para borda no Neon, já que o btn-primary base usa 'transparent' */
[data-theme="neon"] .btn-primary {
    border-color: var(--accent-primary);
}

/* Ajuste de opacidade para botões de ação/perigo para Neon */
[data-theme="neon"] .btn-action {
    background: rgba(0, 255, 255, 0.15) !important;
}
[data-theme="neon"] .btn-danger {
    background: rgba(255, 51, 51, 0.15) !important;
}
[data-theme="neon"] .btn-pill-danger {
    background: rgba(255, 51, 51, 0.1) !important;
}
[data-theme="neon"] .btn-pill-danger:hover {
    background: rgba(255, 51, 51, 0.2) !important;
}