/* VARIABLES.CSS - Variáveis CSS do sistema */

:root {
    /* Cores principais */
    --color-primary: #6D00FF;
    --color-primary-dark: #5500CC;
    --color-primary-rgb: 109, 0, 255;
    --color-green: #4CAF50;
    --color-gray: #9E9E9E;
    --color-red: #19418d;
    --color-orange: #FF9800;
    --color-blue: #2196F3;

    /* Doca SDK 2.0 */
    --sdk-accent: var(--color-primary);
    --sdk-accent-hover: var(--color-primary-dark);
    --sdk-accent-10: rgba(109, 0, 255, 0.10);
    --sdk-accent-20: rgba(109, 0, 255, 0.20);
    --sdk-accent-glow: rgba(109, 0, 255, 0.45);
    --sdk-grid-gap-bg: rgba(109, 0, 255, 0.06);

    /* Cores neutras - Tema Claro (padrão) */
    --color-bg: #f8f9fa;
    --color-bg-secondary: #ffffff;
    --color-bg-card: #ffffff;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-text: #333333;
    --color-text-light: #666666;
    --color-border: #e0e0e0;
    --color-hover: rgba(109, 0, 255, 0.08);

    /* Sidebar */
    --sidebar-bg: #ffffff;
    --sidebar-text: #374151;
    --sidebar-hover: rgba(109, 0, 255, 0.06);

    /* Top bar */
    --topbar-bg: #ffffff;
    --topbar-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    /* Tipografia */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    --font-size-base: 1rem;
    --font-size-small: 0.875rem;
    --font-size-large: 1.25rem;

    /* Espaçamentos */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;

    /* Sombra primária (glow roxo) */
    --shadow-primary: 0 4px 16px rgba(109, 0, 255, 0.24);

    /* Sombras */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.3);

    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* ==================== TEMA ESCURO - VARIÁVEIS ==================== */
[data-theme="dark"] {
    --color-bg: #121212;
    --color-bg-secondary: #1e1e1e;
    --color-bg-card: #252525;
    --color-surface: #1e1e1e;
    --color-text: #e0e0e0;
    --color-text-light: #a0a0a0;
    --color-border: #333333;
    --color-hover: rgba(109, 0, 255, 0.15);
    --sidebar-bg: #0d0d1a;
    --sidebar-text: #e0e0e0;
    --sidebar-hover: rgba(255, 255, 255, 0.08);
    --topbar-bg: #1e1e1e;
    --topbar-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);

    /* Doca SDK 2.0 dark */
    --sdk-accent-10: rgba(109, 0, 255, 0.18);
    --sdk-accent-glow: rgba(109, 0, 255, 0.55);
    --sdk-grid-gap-bg: rgba(109, 0, 255, 0.08);
}

/* ============================================================
   TEMA ESCURO - OVERRIDES GLOBAIS
   ============================================================ */

/* === ESTRUTURA BASE === */
[data-theme="dark"] body {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .section:not(#login):not(#signup) {
    background: #121212 !important;
}

[data-theme="dark"] .main-content,
[data-theme="dark"] .content-area {
    background: #121212 !important;
}

[data-theme="dark"] .sidebar {
    background: #1a1a2e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .sidebar-header {
    background: #1a1a2e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .top-bar {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

/* === SIDEBAR === */
[data-theme="dark"] .sidebar-link {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .sidebar-link:hover,
[data-theme="dark"] .sidebar-link.active {
    background: rgba(109, 0, 255, 0.2) !important;
    color: #a855f7 !important;
}

[data-theme="dark"] .sidebar-link svg {
    stroke: #c0c0c0 !important;
}

[data-theme="dark"] .sidebar-link:hover svg,
[data-theme="dark"] .sidebar-link.active svg {
    stroke: #a855f7 !important;
}

[data-theme="dark"] .sidebar-title {
    color: #a855f7 !important;
}

[data-theme="dark"] .sidebar-close {
    background: #333 !important;
}

[data-theme="dark"] .sidebar-close svg {
    stroke: #e0e0e0 !important;
}

/* === TOP BAR === */
[data-theme="dark"] .page-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .hamburger-btn svg {
    stroke: #a855f7 !important;
}

[data-theme="dark"] .hamburger-btn:hover {
    background: rgba(168, 85, 247, 0.1) !important;
}

[data-theme="dark"] .notification-btn svg {
    stroke: #c0c0c0 !important;
}

[data-theme="dark"] .notification-btn:hover {
    background: rgba(168, 85, 247, 0.1) !important;
}

/* === CARDS GENÉRICOS === */
[data-theme="dark"] .card,
[data-theme="dark"] .home-card,
[data-theme="dark"] .news-post,
[data-theme="dark"] .story-card,
[data-theme="dark"] .celebration-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .team-member-card,
[data-theme="dark"] .file-card,
[data-theme="dark"] .folder-card,
[data-theme="dark"] .suggestion-card,
[data-theme="dark"] .listing-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .ranking-section,
[data-theme="dark"] .gamification-card,
[data-theme="dark"] .quick-access-btn,
[data-theme="dark"] .filter-btn {
    background: #252525 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .team-card:hover,
[data-theme="dark"] .file-card:hover,
[data-theme="dark"] .folder-card:hover,
[data-theme="dark"] .listing-card:hover {
    background: #2a2a2a !important;
}

/* === HEADERS DE CARDS === */
[data-theme="dark"] .card-header,
[data-theme="dark"] .home-card-header,
[data-theme="dark"] .ranking-header,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .chat-modal-header,
[data-theme="dark"] .create-post-modal-header,
[data-theme="dark"] .create-celebration-header,
[data-theme="dark"] .create-listing-header,
[data-theme="dark"] .likes-modal-header,
[data-theme="dark"] .files-modal .modal-header,
[data-theme="dark"] .suggestion-modal .modal-header,
[data-theme="dark"] .response-modal .modal-header,
[data-theme="dark"] .profile-modal-header {
    background: #252525 !important;
    border-color: #333 !important;
}

/* === TEXTOS === */
[data-theme="dark"] .section:not(#login):not(#signup) h1,
[data-theme="dark"] .section:not(#login):not(#signup) h2,
[data-theme="dark"] .section:not(#login):not(#signup) h3,
[data-theme="dark"] .section:not(#login):not(#signup) h4,
[data-theme="dark"] .section:not(#login):not(#signup) h5,
[data-theme="dark"] .section:not(#login):not(#signup) h6,
[data-theme="dark"] .modal-content h1,
[data-theme="dark"] .modal-content h2,
[data-theme="dark"] .modal-content h3,
[data-theme="dark"] .modal-content h4,
[data-theme="dark"] .team-header-content h1,
[data-theme="dark"] .suggestions-header-content h1,
[data-theme="dark"] .team-card-name,
[data-theme="dark"] .member-profile-name,
[data-theme="dark"] .ranking-name,
[data-theme="dark"] .level-name,
[data-theme="dark"] .level-name-big,
[data-theme="dark"] .stat-value,
[data-theme="dark"] .suggestion-title,
[data-theme="dark"] .listing-title,
[data-theme="dark"] .chat-item-name,
[data-theme="dark"] .file-name,
[data-theme="dark"] .notif-message strong,
[data-theme="dark"] .user-name,
[data-theme="dark"] .admin-table-name,
[data-theme="dark"] .birthday-name,
[data-theme="dark"] .month-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .section:not(#login):not(#signup) p,
[data-theme="dark"] .section:not(#login):not(#signup) span,
[data-theme="dark"] .section:not(#login):not(#signup) label,
[data-theme="dark"] .modal-content p,
[data-theme="dark"] .modal-content span,
[data-theme="dark"] .modal-content label,
[data-theme="dark"] .team-header-content p,
[data-theme="dark"] .suggestions-header-content p,
[data-theme="dark"] .team-card-cargo,
[data-theme="dark"] .member-profile-cargo,
[data-theme="dark"] .team-results-info,
[data-theme="dark"] .ranking-tab,
[data-theme="dark"] .level-points,
[data-theme="dark"] .progress-header,
[data-theme="dark"] .stat-label,
[data-theme="dark"] .suggestion-description,
[data-theme="dark"] .listing-description,
[data-theme="dark"] .chat-item-preview,
[data-theme="dark"] .chat-preview-status,
[data-theme="dark"] .chat-date-divider span,
[data-theme="dark"] .typing-indicator,
[data-theme="dark"] .file-meta,
[data-theme="dark"] .notif-message,
[data-theme="dark"] .notif-preview,
[data-theme="dark"] .user-email,
[data-theme="dark"] .admin-table-email,
[data-theme="dark"] .form-group label,
[data-theme="dark"] .suggestion-response-text,
[data-theme="dark"] .action-name,
[data-theme="dark"] .action-desc,
[data-theme="dark"] .tips-card li,
[data-theme="dark"] .level-desc,
[data-theme="dark"] .points-label {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .team-loading,
[data-theme="dark"] .team-error,
[data-theme="dark"] .suggestions-loading,
[data-theme="dark"] .files-loading,
[data-theme="dark"] .chat-list-empty,
[data-theme="dark"] .chat-list-loading,
[data-theme="dark"] .chat-empty-state,
[data-theme="dark"] .notifications-empty p,
[data-theme="dark"] .empty-state p,
[data-theme="dark"] .team-empty p,
[data-theme="dark"] .suggestions-empty p,
[data-theme="dark"] .files-empty,
[data-theme="dark"] .news-empty,
[data-theme="dark"] .celebrations-empty,
[data-theme="dark"] .chat-item-time,
[data-theme="dark"] .notif-time,
[data-theme="dark"] .suggestion-date,
[data-theme="dark"] .listing-date,
[data-theme="dark"] .suggestion-response-meta,
[data-theme="dark"] .position-number,
[data-theme="dark"] .story-name,
[data-theme="dark"] .search-clear,
[data-theme="dark"] .breadcrumb-item,
[data-theme="dark"] .breadcrumb-separator,
[data-theme="dark"] .upload-hint,
[data-theme="dark"] .file-list-size,
[data-theme="dark"] .mention-role,
[data-theme="dark"] .user-list-cargo {
    color: #888 !important;
}

/* === INPUTS E FORMULÁRIOS === */
[data-theme="dark"] .section:not(#login):not(#signup) input,
[data-theme="dark"] .section:not(#login):not(#signup) textarea,
[data-theme="dark"] .section:not(#login):not(#signup) select,
[data-theme="dark"] .modal-content input,
[data-theme="dark"] .modal-content textarea,
[data-theme="dark"] .modal-content select,
[data-theme="dark"] .chat-input-wrapper input,
[data-theme="dark"] .chat-search input,
[data-theme="dark"] .chat-modal-search input,
[data-theme="dark"] .team-search input,
[data-theme="dark"] .team-department-filter select,
[data-theme="dark"] .suggestions-filters select,
[data-theme="dark"] .comment-input,
[data-theme="dark"] .create-post-form textarea,
[data-theme="dark"] .create-celebration-form textarea {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #666 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    border-color: #6D00FF !important;
    box-shadow: 0 0 0 3px rgba(109, 0, 255, 0.2) !important;
}

[data-theme="dark"] input[readonly],
[data-theme="dark"] input:disabled,
[data-theme="dark"] select:disabled,
[data-theme="dark"] textarea:disabled {
    background: #1a1a1a !important;
    color: #666 !important;
}

/* === BOTÕES === */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-suggestion-action,
[data-theme="dark"] .reaction-btn,
[data-theme="dark"] .post-comment-btn,
[data-theme="dark"] .celebration-like-btn,
[data-theme="dark"] .celebration-comments-btn,
[data-theme="dark"] .notif-clear-btn,
[data-theme="dark"] .file-download-btn,
[data-theme="dark"] .file-delete-btn,
[data-theme="dark"] .chat-input-btn,
[data-theme="dark"] .celebration-filter-btn,
[data-theme="dark"] .btn-upload-media,
[data-theme="dark"] .btn-upload-celebration-image,
[data-theme="dark"] .btn-upload-image {
    background: #333 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-suggestion-action:hover,
[data-theme="dark"] .reaction-btn:hover,
[data-theme="dark"] .post-comment-btn:hover,
[data-theme="dark"] .celebration-like-btn:hover,
[data-theme="dark"] .celebration-comments-btn:hover,
[data-theme="dark"] .celebration-filter-btn:hover {
    background: #444 !important;
    border-color: #6D00FF !important;
}

/* === MODAIS === */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal-overlay .modal-content,
[data-theme="dark"] .chat-modal-content,
[data-theme="dark"] .create-post-modal-content,
[data-theme="dark"] .create-celebration-content,
[data-theme="dark"] .create-listing-content,
[data-theme="dark"] .listing-detail-content,
[data-theme="dark"] .likes-modal-content,
[data-theme="dark"] .profile-modal-content,
[data-theme="dark"] .files-modal,
[data-theme="dark"] .suggestion-modal .modal-content,
[data-theme="dark"] .response-modal .modal-content,
[data-theme="dark"] .member-profile-content {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .modal-close,
[data-theme="dark"] .chat-modal-close,
[data-theme="dark"] .member-profile-close,
[data-theme="dark"] .files-modal .modal-close {
    background: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .modal-close:hover {
    background: #444 !important;
}

/* === CHAT === */
[data-theme="dark"] .chat-app {
    background: #121212 !important;
}

[data-theme="dark"] .chat-sidebar,
[data-theme="dark"] .stories-bar,
[data-theme="dark"] .chat-tabs,
[data-theme="dark"] .chat-search,
[data-theme="dark"] .chat-list {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .chat-main {
    background: #181818 !important;
}

[data-theme="dark"] .chat-item {
    border-color: #333 !important;
}

[data-theme="dark"] .chat-item:hover,
[data-theme="dark"] .chat-item.active {
    background: #2a2a2a !important;
}

[data-theme="dark"] .chat-input-area {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .chat-input-wrapper {
    background: #252525 !important;
}

[data-theme="dark"] .message-bubble {
    background: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .message-bubble.sent {
    background: #6D00FF !important;
    color: #fff !important;
}

[data-theme="dark"] .chat-tab {
    color: #888 !important;
}

[data-theme="dark"] .chat-tab.active {
    color: #6D00FF !important;
    border-color: #6D00FF !important;
}

[data-theme="dark"] .typing-indicator {
    background: #333 !important;
}

[data-theme="dark"] .emoji-picker {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .emoji-item:hover {
    background: #333 !important;
}

[data-theme="dark"] .story-avatar {
    background: #333 !important;
}

[data-theme="dark"] .user-list-item:hover,
[data-theme="dark"] .likes-list-item:hover {
    background: #333 !important;
}

/* === NOTIFICAÇÕES === */
[data-theme="dark"] .notification-panel,
[data-theme="dark"] .notification-dropdown,
[data-theme="dark"] .notification-panel-footer {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .notification-item {
    border-color: #333 !important;
}

[data-theme="dark"] .notification-item:hover,
[data-theme="dark"] .notification-item:active {
    background: #2a2a2a !important;
}

[data-theme="dark"] .notification-item.unread {
    background: rgba(109, 0, 255, 0.1) !important;
}

[data-theme="dark"] .notif-icon {
    background: #333 !important;
}

[data-theme="dark"] .mention-autocomplete {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .mention-autocomplete-item:hover,
[data-theme="dark"] .mention-autocomplete-item.selected {
    background: #333 !important;
}

[data-theme="dark"] .mention-name {
    color: #e0e0e0 !important;
}

/* === EQUIPE === */
[data-theme="dark"] .team-card-dept,
[data-theme="dark"] .anonymous-badge {
    background: #333 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .team-card-points,
[data-theme="dark"] .team-card-level,
[data-theme="dark"] .team-card-role,
[data-theme="dark"] .team-card-avatar img {
    border-color: #444 !important;
}

[data-theme="dark"] .team-empty,
[data-theme="dark"] .suggestions-empty,
[data-theme="dark"] .celebrations-empty,
[data-theme="dark"] .news-empty {
    background: #1e1e1e !important;
}

[data-theme="dark"] .profile-gamification,
[data-theme="dark"] .suggestion-response,
[data-theme="dark"] .suggestion-intro {
    background: linear-gradient(135deg, #1a1a2e 0%, #1e2a3a 100%) !important;
}

[data-theme="dark"] .profile-info-item,
[data-theme="dark"] .month-birthday-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .month-header {
    background: #1a1a1a !important;
}

/* === RANKING / GAMIFICATION === */
[data-theme="dark"] .ranking-tabs {
    border-color: #333 !important;
}

[data-theme="dark"] .ranking-tab {
    background: #1e1e1e !important;
}

[data-theme="dark"] .ranking-tab.active {
    background: #6D00FF !important;
    color: #fff !important;
}

[data-theme="dark"] .ranking-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .ranking-item.top-three {
    background: linear-gradient(135deg, #2a2a1e 0%, #2a2a1a 100%) !important;
}

[data-theme="dark"] .ranking-item.top-three:first-child {
    background: linear-gradient(135deg, #3a3a1e 0%, #3a3a1a 100%) !important;
}

[data-theme="dark"] .level-progress-card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .top-actions-card,
[data-theme="dark"] .section-card {
    background: #1e1e1e !important;
}

[data-theme="dark"] .progress-bar-container {
    background: #333 !important;
}

[data-theme="dark"] .level-item,
[data-theme="dark"] .top-action-item,
[data-theme="dark"] .points-action-item {
    background: #252525 !important;
}

[data-theme="dark"] .level-range {
    background: #333 !important;
    color: #b0b0b0 !important;
}

/* === ARQUIVOS === */
[data-theme="dark"] .files-breadcrumb {
    color: #888 !important;
}

[data-theme="dark"] .breadcrumb-item:hover {
    background: #333 !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .file-icon {
    color: #888 !important;
}

[data-theme="dark"] .upload-zone,
[data-theme="dark"] .selected-files {
    background: #1e1e1e !important;
    border-color: #444 !important;
}

[data-theme="dark"] .upload-zone svg {
    color: #666 !important;
}

[data-theme="dark"] .selected-files li {
    border-color: #333 !important;
}

[data-theme="dark"] .file-list-name,
[data-theme="dark"] .upload-progress-text {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .upload-progress-bar-container {
    background: #333 !important;
}

[data-theme="dark"] .image-upload-area {
    border-color: #444 !important;
    background: #1e1e1e !important;
}

[data-theme="dark"] .category-option,
[data-theme="dark"] .type-option {
    background: #1e1e1e !important;
    border-color: #444 !important;
}

[data-theme="dark"] .category-option:hover,
[data-theme="dark"] .type-option:hover,
[data-theme="dark"] .category-option.selected,
[data-theme="dark"] .type-option.selected {
    border-color: #6D00FF !important;
    background: rgba(109, 0, 255, 0.1) !important;
}

/* === SUGESTÕES === */
[data-theme="dark"] .anonymous-option {
    background: #1e1e1e !important;
}

[data-theme="dark"] .user-autocomplete-dropdown {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .user-autocomplete-item:hover {
    background: #333 !important;
}

[data-theme="dark"] .selected-user-display {
    background: #333 !important;
}

/* === POSTS E COMENTÁRIOS === */
[data-theme="dark"] .post-avatar {
    border-color: #444 !important;
}

[data-theme="dark"] .post-delete-btn,
[data-theme="dark"] .celebration-delete-btn {
    background: #333 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .post-delete-btn:hover,
[data-theme="dark"] .celebration-delete-btn:hover {
    background: #3a2020 !important;
    border-color: #f44336 !important;
}

[data-theme="dark"] .post-actions,
[data-theme="dark"] .post-comments,
[data-theme="dark"] .celebration-footer,
[data-theme="dark"] .celebration-comments {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .comment-content,
[data-theme="dark"] .comment-bubble {
    background: #252525 !important;
}

[data-theme="dark"] .post-media-gallery,
[data-theme="dark"] .media-item,
[data-theme="dark"] #mediaPreview,
[data-theme="dark"] .media-preview-item {
    background: #1e1e1e !important;
}

/* === TABELAS === */
[data-theme="dark"] table {
    background: #252525 !important;
}

[data-theme="dark"] thead,
[data-theme="dark"] th {
    background: #1e1e1e !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] tbody tr {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] tbody tr:hover {
    background: #2a2a2a !important;
}

[data-theme="dark"] td {
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .user-avatar-table {
    border-color: #444 !important;
}

/* === ADMIN === */
[data-theme="dark"] .user-table-container,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .permissions-preview {
    background: #252525 !important;
}

[data-theme="dark"] .checkbox-group input[type="checkbox"] {
    background: #1e1e1e !important;
    border-color: #444 !important;
}

/* === PROFILE === */
[data-theme="dark"] .profile-info-section {
    border-color: #333 !important;
}

[data-theme="dark"] .profile-form-actions {
    border-color: #333 !important;
}

/* === SCROLLBAR === */
[data-theme="dark"] ::-webkit-scrollbar {
    background: #1e1e1e;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* === MISC === */
[data-theme="dark"] hr,
[data-theme="dark"] .divider {
    border-color: #333 !important;
    background: #333 !important;
}

[data-theme="dark"] .loading,
[data-theme="dark"] .skeleton {
    background: #333 !important;
}

[data-theme="dark"] .tooltip {
    background: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] a:not(.btn):not(.sidebar-link) {
    color: #a855f7;
}

[data-theme="dark"] .badge:not(.role-badge) {
    background: #333 !important;
    color: #e0e0e0 !important;
}

/* === SALAS === */
[data-theme="dark"] .sala-card,
[data-theme="dark"] .reserva-item,
[data-theme="dark"] .reserva-card {
    background: #252525 !important;
    border-color: #333 !important;
}

/* === CALENDÁRIO === */
[data-theme="dark"] .calendar-month {
    background: #1e1e1e !important;
}

[data-theme="dark"] .birthdays-all-months > h3 {
    color: #e0e0e0 !important;
}

/* === WELCOME BANNER === */
[data-theme="dark"] .welcome-banner {
    background: linear-gradient(135deg, #2a1a4a 0%, #1a2a3a 100%) !important;
}

/* === FRASE DO DIA === */
[data-theme="dark"] .frase-do-dia-widget {
    background: linear-gradient(135deg, #1a1a2e 0%, #1e2a3a 100%) !important;
}

[data-theme="dark"] .frase-do-dia-text {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .frase-do-dia-autor {
    color: #a855f7 !important;
}

/* === NOTÍCIAS HOME HOVER (DARK) === */
[data-theme="dark"] .news-item:hover {
    background: rgba(168, 85, 247, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(168, 85, 247, 0.35);
    border-radius: 8px;
}

[data-theme="dark"] .news-item:active {
    background: rgba(168, 85, 247, 0.12) !important;
}

[data-theme="dark"] .news-item {
    border-color: #333 !important;
}

/* === SDK: HOME GRID + QUICK ACCESS === */
/* home-grid não usa background trick — gap limpo */

[data-theme="dark"] .quick-access h3 {
    color: #a855f7 !important;
}

/* === ONLINE STATUS === */
[data-theme="dark"] .home-online-compact {
    background: #252525 !important;
}

[data-theme="dark"] .online-compact-count {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .online-compact-label {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .online-compact-avatar {
    border-color: #252525 !important;
}

[data-theme="dark"] .online-compact-more {
    background: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .online-count {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .online-avatar {
    border-color: #333 !important;
}

[data-theme="dark"] .online-more {
    background: #333 !important;
    color: #e0e0e0 !important;
}

/* === RH AGENT === */
[data-theme="dark"] .rh-welcome {
    background: #252525 !important;
}

[data-theme="dark"] .rh-welcome-text {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .rh-suggestion {
    background: #1a1a2e !important;
    border-color: #333 !important;
    color: #a855f7 !important;
}

[data-theme="dark"] .rh-suggestion:hover {
    background: #2a1a4a !important;
}

/* === SUGESTÕES - BADGES === */
[data-theme="dark"] .suggestion-category {
    opacity: 0.9;
}

[data-theme="dark"] .category-melhoria {
    background: #1a2a3a !important;
    color: #90CAF9 !important;
}

[data-theme="dark"] .category-reclamacao {
    background: #3a1a1a !important;
    color: #EF9A9A !important;
}

[data-theme="dark"] .category-elogio {
    background: #1a3a1a !important;
    color: #A5D6A7 !important;
}

[data-theme="dark"] .category-duvida {
    background: #3a2a1a !important;
    color: #FFCC80 !important;
}

[data-theme="dark"] .suggestion-status {
    opacity: 0.9;
}

[data-theme="dark"] .status-recebida {
    background: #3a3a3a !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .status-em_analise {
    background: #3a2a1a !important;
    color: #FFCC80 !important;
}

[data-theme="dark"] .status-respondida {
    background: #1a3a1a !important;
    color: #A5D6A7 !important;
}

[data-theme="dark"] .status-arquivada {
    background: #333 !important;
    color: #c0c0c0 !important;
}

/* === SUGESTÕES - DESTINATION TABS === */
[data-theme="dark"] .destination-tab {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .destination-tab:hover {
    border-color: #555 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .destination-tab.active {
    background: color-mix(in srgb, var(--dest-color, #6D00FF) 10%, #252525) !important;
    border-color: var(--dest-color, #6D00FF) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .destination-tab-label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .destination-tab-desc {
    color: #888 !important;
}

[data-theme="dark"] .destination-tab-count {
    background: #3a3a3a !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .destination-tab.active .destination-tab-count {
    background: var(--dest-color, #6D00FF) !important;
    color: white !important;
}

/* === SUGESTÕES - DESTINATION BADGE (CARD) === */
[data-theme="dark"] .suggestion-destination {
    opacity: 0.9;
}

[data-theme="dark"] .destination-rh {
    background: rgba(233, 30, 99, 0.15) !important;
    color: #F48FB1 !important;
}

[data-theme="dark"] .destination-sistema {
    background: rgba(25, 118, 210, 0.15) !important;
    color: #64B5F6 !important;
}

/* === SUGESTÕES - DESTINATION SELECTOR (MODAL) === */
[data-theme="dark"] .destination-option {
    background: #333 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .destination-option:hover {
    border-color: #6D00FF !important;
    background: #3a3a3a !important;
}

[data-theme="dark"] .destination-option.selected {
    border-color: #6D00FF !important;
    background: rgba(109, 0, 255, 0.15) !important;
}

[data-theme="dark"] .destination-option-label {
    color: #e0e0e0 !important;
}

/* === CALENDÁRIO DE MESES (ANIVERSÁRIOS) === */
[data-theme="dark"] .calendar-month {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .calendar-month .month-name {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .calendar-month .month-count {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .calendar-month.has-birthdays:not(.current) {
    background: #1a2a1a !important;
}

[data-theme="dark"] .calendar-month.has-birthdays:not(.current) .month-count {
    color: #66BB6A !important;
}

[data-theme="dark"] .calendar-month.current {
    background: linear-gradient(135deg, #6D00FF 0%, #8B5CF6 100%) !important;
}

[data-theme="dark"] .calendar-months-grid {
    background: #1e1e1e !important;
}

[data-theme="dark"] .months-grid {
    background: transparent !important;
}

[data-theme="dark"] .birthdays-all-months > h3 {
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* === CALENDÁRIO DE SALAS === */
[data-theme="dark"] .sala-calendar {
    background: #1e1e1e !important;
}

[data-theme="dark"] .calendar-nav-btn {
    background: #252525 !important;
    border-color: #444 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .calendar-nav-btn:hover {
    background: #6D00FF !important;
    border-color: #6D00FF !important;
    color: white !important;
}

[data-theme="dark"] .calendar-month-year {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .sala-calendar .calendar-weekday {
    color: #888 !important;
}

[data-theme="dark"] .sala-calendar .calendar-day {
    background: #252525 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .sala-calendar .calendar-day:hover {
    background: #333 !important;
}

[data-theme="dark"] .sala-calendar .calendar-day.other-month {
    background: #1a1a1a !important;
    color: #666 !important;
}

[data-theme="dark"] .sala-calendar .calendar-day.today {
    background: #6D00FF !important;
    color: white !important;
}

/* === CONFIGURAR PONTOS === */
[data-theme="dark"] .config-grid {
    background: transparent !important;
}

[data-theme="dark"] .config-category {
    background: #252525 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .config-category h4 {
    color: #a855f7 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .config-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .config-item:hover {
    background: #2a2a2a !important;
}

[data-theme="dark"] .config-desc {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .config-badge {
    opacity: 0.9;
}

[data-theme="dark"] .config-badge.once {
    background: #1a2a3a !important;
    color: #90CAF9 !important;
}

[data-theme="dark"] .config-badge.limit {
    background: #3a2a1a !important;
    color: #FFCC80 !important;
}

[data-theme="dark"] .config-badge.multiplier {
    background: #1a3a1a !important;
    color: #A5D6A7 !important;
}

[data-theme="dark"] .config-points-input {
    background: #1a1a1a !important;
    color: #a855f7 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .config-points-input:focus {
    border-color: #6D00FF !important;
    box-shadow: 0 0 0 3px rgba(109, 0, 255, 0.2) !important;
}

[data-theme="dark"] .config-pts-label {
    color: #888 !important;
}

[data-theme="dark"] .config-icon {
    opacity: 0.9;
}

/* === BADGES INLINE (com style="background:...;color:...") === */
/* Estes badges usam cores inline que podem ter pouco contraste no dark mode. */
/* O filter:brightness clareia as cores escuras mantendo o tom original. */
[data-theme="dark"] .post-category[style],
[data-theme="dark"] .kudos-feed-badge[style],
[data-theme="dark"] .mood-dash-mood-badge[style],
[data-theme="dark"] .listing-detail-category[style] {
    filter: brightness(1.4) !important;
}

/* === RESERVA DE SALAS === */
[data-theme="dark"] .salas-container {
    background: #121212 !important;
}

[data-theme="dark"] .salas-header h2 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .salas-instructions {
    color: #b0b0b0 !important;
}

[data-theme="dark"] #salasDate {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .sala-card {
    background: #252525 !important;
    border-color: #333 !important;
}

[data-theme="dark"] .sala-info h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .sala-capacity {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .sala-description {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .sala-resources span {
    background: #333 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .sala-schedule h4 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .no-reservations {
    color: #888 !important;
}

[data-theme="dark"] .reservation-item {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .reservation-time {
    color: #a855f7 !important;
}

[data-theme="dark"] .reservation-user {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .existing-reservations {
    background: #1e1e1e !important;
}

[data-theme="dark"] .existing-reservations h4 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .existing-reservations li {
    color: #b0b0b0 !important;
}

/* === MODAL RESERVA === */
[data-theme="dark"] #reservationModal .modal-content {
    background: #252525 !important;
}

[data-theme="dark"] #reservationModal .modal-header {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] #reservationModal .modal-header h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] #reservationModal label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] #reservationModal input {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

/* === MODAL RESERVAS DO DIA === */
[data-theme="dark"] .day-reservations-content {
    background: #252525 !important;
}

[data-theme="dark"] .day-reservations-header {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .day-reservations-header h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .day-reservations-header .room-name {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .day-reservation-item {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .day-reservation-time {
    color: #a855f7 !important;
}

[data-theme="dark"] .day-reservation-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .day-reservation-user {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .no-reservations-day {
    color: #888 !important;
}

[data-theme="dark"] .day-reservations-footer {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .calendar-legend {
    color: #b0b0b0 !important;
}

/* === PROFILE MODAL === */
[data-theme="dark"] .profile-modal-content {
    background: #252525 !important;
}

[data-theme="dark"] .profile-modal-header {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .profile-modal-header h2 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .profile-modal-body {
    background: #252525 !important;
}

[data-theme="dark"] .profile-header-info h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .profile-meta-item {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .profile-info-section {
    border-color: #333 !important;
}

[data-theme="dark"] .profile-form .form-group label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .profile-form .form-group input,
[data-theme="dark"] .profile-form .form-group select,
[data-theme="dark"] .profile-form .form-group textarea {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .profile-form .form-group input:disabled {
    background: #1a1a1a !important;
    color: #888 !important;
}

[data-theme="dark"] .profile-form-actions {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

/* === MEMBER PROFILE (ao clicar no card) === */
[data-theme="dark"] .member-profile-content {
    background: #252525 !important;
}

[data-theme="dark"] .member-profile-close {
    background: #333 !important;
}

[data-theme="dark"] .member-profile-close svg {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .member-profile-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .member-profile-cargo {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .profile-gamification {
    background: linear-gradient(135deg, #1a1a2e 0%, #1e2a3a 100%) !important;
}

[data-theme="dark"] .profile-level-info .level-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .progress-text {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .profile-info-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .profile-info-item span {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .profile-info-item label {
    color: #888 !important;
}

[data-theme="dark"] .member-profile-bio h4,
[data-theme="dark"] .member-profile-skills h4 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .member-profile-bio p {
    color: #b0b0b0 !important;
}

/* === CONFIG WARNING (aviso na parte superior de configurar pontos) === */
[data-theme="dark"] .config-warning {
    background: #3d2a1a !important;
    border-color: #7a5a2a !important;
    color: #ffb74d !important;
}

[data-theme="dark"] .config-warning svg {
    stroke: #ffb74d !important;
}

/* === LEVELS CONFIG (níveis do sistema) === */
[data-theme="dark"] .levels-config {
    background: #252525 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .levels-config h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .levels-info {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .levels-grid {
    background: transparent !important;
}

[data-theme="dark"] .level-config-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .level-config-item:hover {
    background: #333 !important;
}

[data-theme="dark"] .level-config-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .level-config-range {
    color: #a0a0a0 !important;
}

/* === GAMIFICATION LEVELS (lista de níveis no gamification) === */
[data-theme="dark"] .levels-list {
    background: transparent !important;
}

[data-theme="dark"] .level-item {
    background: #1e1e1e !important;
}

[data-theme="dark"] .level-item:hover {
    background: #2a2a2a !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .level-item .level-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .level-item .level-desc {
    color: #888 !important;
}

[data-theme="dark"] .level-item .level-range {
    color: #a0a0a0 !important;
    background: #333 !important;
}

[data-theme="dark"] .level-progress-card {
    background: #1e1e1e !important;
}

[data-theme="dark"] .level-name-big {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .level-points {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .stats-level-card {
    background: #1e1e1e !important;
}

[data-theme="dark"] .ranking-level .level-name {
    color: #a0a0a0 !important;
}

/* === POST EDIT BUTTON (DARK) === */
[data-theme="dark"] .post-edit-btn {
    background: #333 !important;
    border-color: #444 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .post-edit-btn:hover {
    background: #1a2a3a !important;
    border-color: #1976D2 !important;
    color: #64B5F6 !important;
}

/* === VIEWERS MODAL (DARK) === */
[data-theme="dark"] .viewers-modal {
    background: #252525 !important;
}

[data-theme="dark"] .viewers-modal-header {
    background: #1e1e1e !important;
    border-color: #333 !important;
}

[data-theme="dark"] .viewers-modal-header h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .viewers-modal-close {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .viewers-modal-close:hover {
    background: #333 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .viewers-modal-body {
    background: #252525 !important;
}

[data-theme="dark"] .viewer-item:hover {
    background: #333 !important;
}

[data-theme="dark"] .viewer-avatar {
    border-color: #444 !important;
}

[data-theme="dark"] .viewer-name {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .viewer-time {
    color: #888 !important;
}

[data-theme="dark"] .viewers-loading,
[data-theme="dark"] .viewers-empty {
    color: #888 !important;
}

/* === POST VIEWERS BUTTON (DARK) === */
[data-theme="dark"] .post-viewers-btn {
    background: #333 !important;
    border-color: #444 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .post-viewers-btn:hover {
    background: #444 !important;
    border-color: #6D00FF !important;
    color: #a855f7 !important;
}

/* === SESSION MODAL (DARK) === */
[data-theme="dark"] .session-modal {
    background: #252525 !important;
}

[data-theme="dark"] .session-modal h3 {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .session-modal p {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .session-modal-buttons .btn-secondary {
    background: #333 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

[data-theme="dark"] .session-modal-buttons .btn-secondary:hover {
    background: #444 !important;
}

/* ============================================================
   TEMAS DE COR (Accent Colors)
   ============================================================ */

/* Azul */
[data-accent="blue"] {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-rgb: 37, 99, 235;
    --color-hover: rgba(37, 99, 235, 0.08);
    --sidebar-hover: rgba(37, 99, 235, 0.06);
    --shadow-primary: 0 4px 16px rgba(37, 99, 235, 0.24);
    --sdk-accent: #2563eb;
    --sdk-accent-hover: #1d4ed8;
    --sdk-accent-10: rgba(37, 99, 235, 0.10);
    --sdk-accent-20: rgba(37, 99, 235, 0.20);
    --sdk-accent-glow: rgba(37, 99, 235, 0.45);
}

/* Verde */
[data-accent="green"] {
    --color-primary: #059669;
    --color-primary-dark: #047857;
    --color-primary-rgb: 5, 150, 105;
    --color-hover: rgba(5, 150, 105, 0.08);
    --sidebar-hover: rgba(5, 150, 105, 0.06);
    --shadow-primary: 0 4px 16px rgba(5, 150, 105, 0.24);
    --sdk-accent: #059669;
    --sdk-accent-hover: #047857;
    --sdk-accent-10: rgba(5, 150, 105, 0.10);
    --sdk-accent-20: rgba(5, 150, 105, 0.20);
    --sdk-accent-glow: rgba(5, 150, 105, 0.45);
}

/* Vermelho */
[data-accent="red"] {
    --color-primary: #dc2626;
    --color-primary-dark: #b91c1c;
    --color-primary-rgb: 220, 38, 38;
    --color-hover: rgba(220, 38, 38, 0.08);
    --sidebar-hover: rgba(220, 38, 38, 0.06);
    --shadow-primary: 0 4px 16px rgba(220, 38, 38, 0.24);
    --sdk-accent: #dc2626;
    --sdk-accent-hover: #b91c1c;
    --sdk-accent-10: rgba(220, 38, 38, 0.10);
    --sdk-accent-20: rgba(220, 38, 38, 0.20);
    --sdk-accent-glow: rgba(220, 38, 38, 0.45);
}

/* Rosa */
[data-accent="pink"] {
    --color-primary: #db2777;
    --color-primary-dark: #be185d;
    --color-primary-rgb: 219, 39, 119;
    --color-hover: rgba(219, 39, 119, 0.08);
    --sidebar-hover: rgba(219, 39, 119, 0.06);
    --shadow-primary: 0 4px 16px rgba(219, 39, 119, 0.24);
    --sdk-accent: #db2777;
    --sdk-accent-hover: #be185d;
    --sdk-accent-10: rgba(219, 39, 119, 0.10);
    --sdk-accent-20: rgba(219, 39, 119, 0.20);
    --sdk-accent-glow: rgba(219, 39, 119, 0.45);
}

/* Laranja */
[data-accent="orange"] {
    --color-primary: #ea580c;
    --color-primary-dark: #c2410c;
    --color-primary-rgb: 234, 88, 12;
    --color-hover: rgba(234, 88, 12, 0.08);
    --sidebar-hover: rgba(234, 88, 12, 0.06);
    --shadow-primary: 0 4px 16px rgba(234, 88, 12, 0.24);
    --sdk-accent: #ea580c;
    --sdk-accent-hover: #c2410c;
    --sdk-accent-10: rgba(234, 88, 12, 0.10);
    --sdk-accent-20: rgba(234, 88, 12, 0.20);
    --sdk-accent-glow: rgba(234, 88, 12, 0.45);
}

/* Ciano */
[data-accent="cyan"] {
    --color-primary: #0891b2;
    --color-primary-dark: #0e7490;
    --color-primary-rgb: 8, 145, 178;
    --color-hover: rgba(8, 145, 178, 0.08);
    --sidebar-hover: rgba(8, 145, 178, 0.06);
    --shadow-primary: 0 4px 16px rgba(8, 145, 178, 0.24);
    --sdk-accent: #0891b2;
    --sdk-accent-hover: #0e7490;
    --sdk-accent-10: rgba(8, 145, 178, 0.10);
    --sdk-accent-20: rgba(8, 145, 178, 0.20);
    --sdk-accent-glow: rgba(8, 145, 178, 0.45);
}