:root {
    /* Cores Principais */
    --primary-green: #00ff00;
    --secondary-green: #00cc00;
    --accent-green: #00aa00;
    --pure-black: #000000;
    --pure-white: #ffffff;
    --black-70: rgba(0, 0, 0, 0.7);
    --black-50: rgba(0, 0, 0, 0.5);
    --black-30: rgba(0, 0, 0, 0.3);
    --black-10: rgba(0, 0, 0, 0.1);
    
    /* Tons de Verde */
    --green-light: #33ff33;
    --green-dark: #006600;
    --green-glow: rgba(0, 255, 0, 0.3);
    --green-hover: rgba(0, 255, 0, 0.1);
    
    /* Tons de Cinza (para contraste) */
    --gray-light: #f5f5f5;
    --gray-medium: #cccccc;
    --gray-dark: #333333;
    
    /* Backgrounds */
    --dark-bg: var(--black-70);
    --glass-bg: rgba(0, 0, 0, 0.8);
    --card-bg: rgba(0, 0, 0, 0.6);
    --input-bg: rgba(0, 0, 0, 0.5);
    
    /* Sombras de Texto */
    --text-shadow-white: 0 0 8px rgba(0, 0, 0, 0.8);
    --text-shadow-green: 0 0 10px rgba(0, 255, 0, 0.5);
    --text-shadow-black-blur: 0 0 6px rgba(0, 0, 0, 0.9);
    
    /* Efeitos */
    --glow-green: 0 0 20px var(--green-glow);
    --glow-white: 0 0 15px rgba(255, 255, 255, 0.3);
    --shadow-black: 0 4px 15px rgba(0, 0, 0, 0.5);
    
    /* Gradientes */
    --gradient-main: linear-gradient(135deg, var(--pure-black), var(--primary-green));
    --gradient-reverse: linear-gradient(135deg, var(--primary-green), var(--pure-black));
    --gradient-green: linear-gradient(135deg, var(--accent-green), var(--primary-green));
    --gradient-dark: linear-gradient(135deg, var(--black-70), var(--pure-black));
    
    /* Estados */
    --success-color: var(--primary-green);
    --error-color: #ff0000;
    --warning-color: #ffaa00;
    --info-color: var(--pure-white);
    
    /* Bordas */
    --border-green: 1px solid var(--primary-green);
    --border-white: 1px solid var(--pure-white);
    --border-black: 1px solid var(--pure-black);
    --border-transparent: 1px solid transparent;
}

/* Padrões de Texto Globais */
* {
    color: var(--pure-white);
    text-shadow: var(--text-shadow-white);
}

/* Texto verde em fundos pretos específicos */
.on-black-bg,
.on-black-bg *,
section h2,
.logo h1,
.key-item.active .key-name,
.primary-text {
    color: var(--primary-green) !important;
    text-shadow: var(--text-shadow-green) !important;
}

/* Texto branco padrão */
.white-text,
.white-text *,
p, span, div, label, input, textarea, button {
    color: var(--pure-white);
    text-shadow: var(--text-shadow-white);
}