:root {
    --primary-red: #b12dff !important;
    --dark-red: #11051f !important;
    --light-red: #ee63ff !important;
    --gold: #d24dff !important;
    --gold-dark: #8a2bca !important;
    --gold-light: #f39bff !important;
    --white: #f8f2ff !important;
    --black: #07030e !important;
    --gray-dark: #140a24 !important;
    --gray-medium: #211238 !important;
    --gray-light: #d3c6ea !important;

    --primary: #d24dff !important;
    --primary-dark: #8a2bca !important;
    --bg-dark: #07030e !important;
    --bg-card: #140a24 !important;
    --bg-card-hover: #211238 !important;
    --text: #f8f2ff !important;
    --text-muted: #b7a8d3 !important;
    --border: rgba(210, 77, 255, 0.35) !important;
}

html,
body {
    background: radial-gradient(circle at 20% 0%, #2a1050 0%, #140a24 35%, #07030e 100%) !important;
    color: var(--white) !important;
}

a {
    color: #e48dff;
}

a:hover {
    color: #f3c5ff;
}

/* Apenas cores globais (sem alterar formato/borda pixelada) */
button,
.btn,
.mc-btn,
.header-btn,
.login-btn,
a.btn,
input[type="submit"] {
    background: linear-gradient(180deg, #d24dff 0%, #8a2bca 60%, #571b88 100%) !important;
    border-color: #b64af0 !important;
    color: #fff !important;
}

input,
textarea,
select,
.form-control,
.input-group input {
    background: rgba(28, 16, 50, 0.85) !important;
    border-color: rgba(210, 77, 255, 0.45) !important;
    color: #f7eeff !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.input-group input:focus {
    border-color: #e48dff !important;
}

/* Tickets: console-admin + ticket.html (somente cores) */
.ticket-list-item:hover,
.ticket-item:hover {
    background: rgba(210, 77, 255, 0.10) !important;
    border-color: rgba(210, 77, 255, 0.35) !important;
}

.ticket-list-item.active,
.ticket-item.active {
    background: rgba(210, 77, 255, 0.16) !important;
    border-color: #d24dff !important;
}

.ticket-list-icon,
.ticket-icon {
    background: rgba(210, 77, 255, 0.18) !important;
    color: #e48dff !important;
}

.chat-message.user .chat-bubble,
.message.user .message-bubble {
    background: linear-gradient(135deg, #c24df5, #8a2bca) !important;
    color: #fff !important;
    border-color: rgba(228, 141, 255, 0.45) !important;
}

.chat-message.admin .chat-bubble,
.message.admin .message-bubble {
    background: rgba(32, 17, 54, 0.9) !important;
    color: #f8f2ff !important;
    border-color: rgba(210, 77, 255, 0.35) !important;
}

.chat-avatar,
.message-avatar {
    border-color: rgba(210, 77, 255, 0.55) !important;
}

.chat-avatar.user-icon,
.chat-avatar.admin-icon,
.message-avatar.user-avatar,
.message-avatar.admin-avatar,
.staff-badge,
.admin-badge {
    background: linear-gradient(135deg, #d24dff, #8a2bca) !important;
    color: #fff !important;
}

.chat-author,
.message-author,
.chat-message.user .chat-author,
.chat-message.admin .chat-author,
.message.admin .message-author {
    color: #e7c7ff !important;
}

/* Loja: botão "Compras" e logo exibida */
.store-header .header-btn,
.store-header .header-btn i {
    color: #fff !important;
    border-color: rgba(210, 77, 255, 0.5) !important;
}

.store-header .header-btn:hover {
    color: #f3c5ff !important;
    border-color: #e48dff !important;
}

.store-logo img,
#store-logo-img,
#logoImg,
#logoWrap img {
    border-color: rgba(210, 77, 255, 0.6) !important;
}

.store-logo span,
#store-name-text {
    color: #e48dff !important;
}

/* Caixas GSA: corrigir só as cores sem criar linhas extras */
#section-caixas-gsa .caixa-card {
    border-color: rgba(210, 77, 255, 0.45) !important;
    background: rgba(29, 14, 46, 0.7) !important;
}

#section-caixas-gsa .caixa-card:hover {
    border-color: #d24dff !important;
}

#section-caixas-gsa .caixa-stat-value,
#section-caixas-gsa .caixa-card-title {
    color: #e48dff !important;
}

#section-caixas-gsa .caixa-card-subtitle,
#section-caixas-gsa .caixa-stat-label {
    color: #c9b4e4 !important;
}

/* Upload e áreas de imagem: apenas paleta */
.image-upload-wrapper,
.image-upload-preview,
.media-drop-zone,
.chat-upload-preview,
.product-image,
.product-detail-image,
.server-banner-placeholder {
    border-color: rgba(210, 77, 255, 0.55) !important;
    background: linear-gradient(135deg, rgba(36, 18, 62, 0.92), rgba(18, 10, 34, 0.92)) !important;
}

.media-drop-zone i,
.media-drop-zone p,
.media-drop-zone span,
.image-upload-preview .preview-text,
.chat-upload-preview .preview-text,
.product-image i,
.product-detail-image i,
.server-banner-placeholder i {
    color: #e48dff !important;
}

/* Troca de paleta em estilos inline antigos (sem alterar geometria) */
[style*="background: rgba(255, 215, 0"],
[style*="background: rgba(255,215,0"],
[style*="background: linear-gradient(135deg, #ffd700"],
[style*="background: linear-gradient(180deg, rgba(255, 215, 0"],
[style*="background-color: #1a0a0a"],
[style*="background-color: #2a1010"] {
    background: linear-gradient(135deg, rgba(44, 22, 73, 0.95), rgba(20, 10, 36, 0.95)) !important;
    color: #f7eeff !important;
}

[style*="color: #ffd700"],
[style*="color:#ffd700"],
[style*="color: var(--gold)"] {
    color: #e48dff !important;
}

[style*="border-color: #ffd700"],
[style*="border-color:#ffd700"],
[style*="border: 1px solid rgba(255, 215, 0"],
[style*="border: 2px solid rgba(255, 215, 0"] {
    border-color: rgba(210, 77, 255, 0.55) !important;
}