/* Tema Padrão (Default) - Site Principal */
:root[data-theme="default"] {
    --primary-color: #00d4ff;
    --secondary-color: #ff006e;
    --dark-bg: #0a0e27;
    --darker-bg: #050812;
    --text-light: #f0f0f0;
    --text-muted: #b0b0b0;
    --border-color: #1a1f3a;
    --input-bg: #0f1329;
    --input-text: #f0f0f0;
    --input-border: #2a2f4a;
}

/* Tema Neon Purple */
:root[data-theme="neon-purple"] {
    --primary-color: #a855f7;
    --secondary-color: #ec4899;
    --dark-bg: #1a0b2e;
    --darker-bg: #0f051d;
    --text-light: #f5f0ff;
    --text-muted: #d4b5fd;
    --border-color: #3730a3;
    --input-bg: #1f0f3d;
    --input-text: #f5f0ff;
    --input-border: #4730b3;
}

/* Tema Ocean Blue */
:root[data-theme="ocean-blue"] {
    --primary-color: #06b6d4;
    --secondary-color: #3b82f6;
    --dark-bg: #0c1e2e;
    --darker-bg: #051119;
    --text-light: #e8f4fe;
    --text-muted: #9dd3fc;
    --border-color: #1e3a5f;
    --input-bg: #0f2838;
    --input-text: #e8f4fe;
    --input-border: #2e4a6f;
}

/* Tema Green Matrix */
:root[data-theme="green-matrix"] {
    --primary-color: #10b981;
    --secondary-color: #22c55e;
    --dark-bg: #0d1b0f;
    --darker-bg: #060d08;
    --text-light: #e1fae5;
    --text-muted: #8ee7b7;
    --border-color: #1e4620;
    --input-bg: #0f2311;
    --input-text: #e1fae5;
    --input-border: #2e5630;
}

/* Tema Sunset Orange */
:root[data-theme="sunset-orange"] {
    --primary-color: #f97316;
    --secondary-color: #f59e0b;
    --dark-bg: #1c0e04;
    --darker-bg: #0f0702;
    --text-light: #ffe7ba;
    --text-muted: #fdca84;
    --border-color: #431407;
    --input-bg: #241004;
    --input-text: #ffe7ba;
    --input-border: #532407;
}

/* Tema Red Gaming */
:root[data-theme="red-gaming"] {
    --primary-color: #ef4444;
    --secondary-color: #dc2626;
    --dark-bg: #1a0606;
    --darker-bg: #0d0303;
    --text-light: #fedcdc;
    --text-muted: #f89191;
    --border-color: #450a0a;
    --input-bg: #200606;
    --input-text: #fedcdc;
    --input-border: #550a0a;
}

/* Tema Cyberpunk Yellow */
:root[data-theme="cyberpunk-yellow"] {
    --primary-color: #eab308;
    --secondary-color: #f59e0b;
    --dark-bg: #1c1406;
    --darker-bg: #0f0a03;
    --text-light: #fef8ba;
    --text-muted: #fde867;
    --border-color: #713f12;
    --input-bg: #241803;
    --input-text: #fef8ba;
    --input-border: #814f22;
}

/* Aplicar variáveis globais do site */
body {
    background-color: var(--dark-bg) !important;
    color: var(--text-light) !important;
}

/* Inputs e formulários */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    background-color: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important;
    opacity: 0.8;
}

/* Títulos e textos */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-light) !important;
}

p {
    color: var(--text-light) !important;
}

/* Links */
a {
    color: var(--primary-color) !important;
}

a:hover {
    color: var(--secondary-color) !important;
}

/* Bordas */
.border,
[class*="border"] {
    border-color: var(--border-color) !important;
}

/* Botões */
.btn-primary,
button[class*="primary"] {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
    color: #ffffff !important;
    border: none !important;
}

/* Cards e containers */
.card,
.container,
[class*="section"] {
    color: var(--text-light);
}

/* Chat Widget */
#chatWidget {
    background: var(--darker-bg) !important;
    border: 1px solid var(--border-color) !important;
}

#chatWidgetMessages {
    background: var(--dark-bg) !important;
}

#chatWidgetInput {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

.chat-message {
    color: var(--text-light) !important;
}

/* Formulário de contato */
form input,
form textarea,
form select {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

/* Labels */
label {
    color: var(--text-light) !important;
}

/* Small text */
small {
    color: var(--text-muted) !important;
}