/* TEMA CLARO (padrao) */
:root,
[data-theme="light"] {
  /* Paleta base */
  --cor-branco: #ffffff;
  --cor-fundo: #FAFAFA;
  --cor-fundo-suave: #f0f0f0;
  --cor-roxo-principal: #670b88;
  --cor-roxo-escuro: #520983;
  --cor-roxo-suave: #a97ac7;
  --cor-indigo-destaque: #19178A;
  --cor-texto: #333333;
  --cor-texto-suave: #3f3e3e;
  --cor-texto-roxo-suave: #c8b3d4;
  --cor-texto-branco-suave: #F1E7FF;
  --cor-avatar: #d4d4d4;
  
  /* Gradientes da interface */
  --degrade-navbar: linear-gradient(to bottom, #000000 0%, #3A024E 80%);
  --degrade-breadcrumb: linear-gradient(to bottom, #6b2fb3 0%, #5E097E 100%);
  --degrade-footer: linear-gradient(to bottom, #1a0025 0%, #2d0042 100%);
  --degrade-avatar-navbar: linear-gradient(180deg, #00f7ff 0%, #6a00ff 35%, #f82dff 100%);
  --degrade-boas-vindas: linear-gradient(135deg, rgba(76, 4, 102, 0.95) 0%, rgba(117, 59, 138, 0.95) 100%);


  /* Efeitos Sombras */
  --sombra-padrao: 0 4px 12px rgba(0, 0, 0, 0.253);
  --sombra-card: 5px 5px 16px rgba(142, 74, 238, 0.26);
  --sombra-anel: 0 0 0 3px rgba(161, 7, 238, 0.3);
  --sombra-search-filter: 0 0 0 3px rgba(30, 9, 126, 0.137);
  --sombra-input-focus: 0 0 5px rgba(206, 132, 236, 0.692);

  
  /* Cores Bordas */
  --borda-card: var(--cor-roxo-escuro); 


  /* Tokens semanticos */
  --texto-base: var(--cor-texto);
  --texto-secundario: var(--cor-texto-suave);
  --texto-card: var(--cor-roxo-escuro);

  --titulo-principal: var(--cor-roxo-escuro);
  --descricao-titulo: var(--cor-texto-suave);

  --card-main: #f1edfc;
  --card-main-hover: #dcd2f0;
  --list-option-hover: rgba(95, 9, 126, 0.081);
  --list-option-border: var(--cor-divisor);


  --breadcrumb-texto: var(--cor-texto-branco-suave);
  --breadcrumb-texto-hover: #ffffff;
  --breadcrumb-fundo-hover: rgba(152, 100, 212, 0.24);
  --breadcrumb-separador: var(--cor-texto-branco-suave);
  --breadcrumb-sublinhado: var(--cor-texto-branco-suave);

  --texto-footer: var(--cor-texto-roxo-suave);


  /* Especifícos */
  --search-and-filter-focus: #0066cc;
  --borda-search-filter-conteudo: #6785b6;
  /* --list-math-hover: rgba(0, 102, 204, 0.15); */
  /* Cards de Matemática */
  /* --card-math: #e0e2f4;
  --card-math-hover: #6771cd; */

  /* filter */
  --list-filter-hover: #5c1fce28;

  /* Menu de Conteúdo */
  --sombra-focus-search-filter-conteudo: 0 0 0 3px rgba(6, 96, 185, 0.12);
  --filter-conteudo-boder-left: var(--cor-indigo-destaque);
  
  --cor-link: #2563EB;
 
  /* Perfil (tema) */
  --theme-radio-checked-border: var(--cor-indigo-destaque);

  /* Modal de perfil (painéis roxos) */
  --perfil-panel-bg: var(--card-main-hover);
  --perfil-panel-text: var(--cor-roxo-principal);
  --danger-zone-border: rgba(180, 35, 24, 0.22);
  --danger-zone-title: #7f1d1d;
  --danger-zone-title-option: #b42318;
  --danger-zone-text: #7f1d1d;
  --danger-zone-hover: rgba(180, 35, 24, 0.12);
  --danger-zone-strong: #8f1b14;
  --danger-zone-modal-border: rgba(180, 35, 24, 0.5);

  /* Tons de Branco */
  --cor-branco-10: rgba(255, 255, 255, 0.1);
  --cor-branco-50: rgba(255, 255, 255, 0.5);
  --cor-divisor: #b4b4b4;

  /* inputs */
  --input-focus: #6f498a; 
  --input-placeholder: #33333373;

  /* Botões de ação (salvar e cancelar)*/
  --bf-action-blue: #1d265e;
  --bf-action-blue-hover: #151344;
  --bf-action-blue-text: #ffffff;
  --bf-action-boder: var(--cor-indigo-destaque);
  --bf-sombra-boder: none;

  /* dots boas vindas */
  --dot-active: linear-gradient(135deg, #5E097E 0%, #9036e4 100%);
  --dot-inactive: #cbcbcc;

  /* Dashboard */
  --dashboard-card-border: rgba(83, 6, 190, 0.329);
  --dashboard-table-border: #eadcf7;
  --dashboard-modal-overlay: rgba(0, 0, 0, 0.45);

  /* Chart.js (tooltip) */
  --chart-tooltip-bg: var(--cor-branco);
  --chart-tooltip-text: var(--cor-texto);
  --chart-tooltip-border: var(--cor-divisor);

  /* Chart.js (séries e grade) */
  --chart-text-color: var(--texto-base);
  --chart-grid-color: var(--cor-divisor);
  --chart-series-primary: var(--cor-indigo-destaque);
  --chart-series-primary-fill: rgba(25, 23, 138, 0.08);
  --chart-conquistas-grid-color: var(--cor-divisor);
  --chart-conquistas-label-color: var(--texto-base);

  /* Questionário */
  --quest-boder: #757476;
  
  /* Status (correto/incorreto) */
  --status-correct-bg: #ccfad2;
  --status-correct-border: #2e7d32;
  --status-correct-text: #1b5e20;
  --status-incorrect-bg: #f8d8d8;
  --status-incorrect-border: #c62828;
  --status-incorrect-text: #8e0000;

  --selected-enem: #c6b2d9;

 
}

/* TEMA ROXO */
[data-theme="purple"] {
  /* Paleta base */
  --cor-branco: #ffffff;
  --cor-fundo: #1E1430; 
  --cor-fundo-suave: #1f142e;
  --cor-roxo-principal: #9c3aed;
  --cor-roxo-escuro: #6c31da;
  --cor-roxo-suave: #A78BFA;
  --cor-indigo-destaque: #6371f1;
  --cor-texto: #EDE9FE;
  --cor-texto-suave: #c3aafd;
  --cor-texto-roxo-suave: #DDD6FE;
  --cor-texto-branco-suave: #F5F3FF;
  --cor-avatar: #6D28D9;

  /* Gradientes (mantidos, mas adaptados) */
  --degrade-navbar: linear-gradient(to bottom,#58238a 0%, #1E1430 90%);
  --degrade-breadcrumb: linear-gradient(to bottom, #4a128a 0%, #50238b 100%);
  --degrade-footer: linear-gradient(to bottom,#2e0653 0%, #1E1430 90%);
  --degrade-avatar-navbar: linear-gradient(180deg, #00f7ff 0%, #6a00ff 35%, #f82dff 100%);
  --degrade-boas-vindas: linear-gradient(135deg, rgba(51, 4, 95, 0.95) 0%, rgba(91, 14, 155, 0.815) 100%);

  /* Sombras */
  --sombra-padrao: 0 8px 20px rgba(10, 5, 25, 0.35);
  --sombra-card: 5px 5px 12px rgba(124, 58, 237, 0.4);
  --sombra-anel: 0 0 0 3px rgba(58, 237, 73, 0.082);
  --sombra-search-filter: var(--sombra-anel);
  --sombra-input-focus: 0 0 5px rgba(192, 123, 238, 0.533);

  /* Bordas */
  --borda-card: #7C3AED;

  /* Tokens */
  --texto-base: var(--cor-texto);
  --texto-secundario: var(--cor-texto-suave);
  --texto-card: var(--cor-roxo-escuro);

  --titulo-principal: var(--cor-roxo-escuro);
  --descricao-titulo: var(--cor-texto-suave);

  --card-main: #2A1B45;
  --card-main-hover: #1f0e3b;
  --list-option-hover: #630ef52c; 

  --breadcrumb-texto: var(--cor-texto-branco-suave);
  --breadcrumb-texto-hover: #ffffff;
  --breadcrumb-fundo-hover: rgba(124, 58, 237, 0.25);
  --breadcrumb-separador: var(--cor-texto-branco-suave);
  --breadcrumb-sublinhado: var(--cor-texto-branco-suave);

  --texto-footer: var(--cor-texto-roxo-suave);

  /* Específicos */
  --borda-botton-math: rgba(58, 201, 237, 0.4);
  --borda-search-filter-conteudo: var(--cor-indigo-destaque);
  --search-and-filter-focus: #1b3cf5;
  --sombra-focus-search-filter: 0 0 0 3px rgba(27, 60, 245, 0.25);
  --sombra-search-filter-conteudo: 0 6px 20px rgba(78, 172, 235, 0.35);
  --content-list-hover: rgba(54, 157, 189, 0.15);
  --menu-option-hover: rgba(124, 58, 237, 0.18);
  --menu-option-border: var(--cor-divisor);
  --theme-radio-checked-border: var(--cor-indigo-destaque);
  --filter-conteudo-boder-left: var(--cor-indigo-destaque);

  --cor-link: #93C5FD;

  /* Modal de perfil (painéis roxos) */
  --perfil-panel-bg: var(--card-main-hover);
  --perfil-panel-text: var(--cor-roxo-suave);
  --danger-zone-border: rgba(255, 107, 107, 0.28);
  --danger-zone-title: #b61c1c;
  --danger-zone-title-option: #ff6b6b;
  --danger-zone-text: #ffd1d1;
  --danger-zone-hover: rgba(255, 107, 107, 0.14);
  --danger-zone-strong: #ff6b6b;
  --danger-zone-modal-border: rgba(255, 138, 138, 0.55);

  --cor-branco-10: rgba(255, 255, 255, 0.1);
  --cor-branco-50: rgba(255, 255, 255, 0.5);
  --cor-divisor: rgba(205, 168, 240, 0.945);

  --input-focus: rgb(200, 154, 243);
  --input-placeholder: #ede9fe88;

  /* --card-math: #31204D;
  --card-math-hover: #4C1D95; */

  /* Botões de ação (mesmo estilo do index.html) */
  --bf-action-blue: #2c2097;
  --bf-action-blue-hover: #0f1a79;
  --bf-action-blue-text: #ffffff;
  --bf-action-boder: var(--cor-indigo-destaque);
  --bf-sombra-boder: 0 0 0 2px rgba(6, 71, 212, 0.4);

   /* dots boas vindas */
  --dot-active: linear-gradient(135deg, #890c94 0%, #9646e0 100%);
  --dot-inactive: #81708b;

  /* Dashboard */
  --dashboard-card-border: rgba(188, 128, 248, 0.425);
  --dashboard-table-border: #4a3a6a;
  --dashboard-modal-overlay: rgba(0, 0, 0, 0.65);

  /* Chart.js (tooltip) */
  --chart-tooltip-bg: var(--card-main);
  --chart-tooltip-text: var(--texto-base);
  --chart-tooltip-border: var(--dashboard-table-border);

  /* Chart.js (séries e grade) */
  --chart-text-color: var(--texto-base);
  --chart-grid-color: var(--cor-divisor);
  --chart-series-primary: var(--cor-indigo-destaque);
  --chart-series-primary-fill: var(--cor-roxo-principal);

  /* Conquistas specific overrides */
  --chart-conquistas-grid-color: var(--cor-divisor);
  --chart-conquistas-label-color: var(--texto-base);

  /* Questionário */
  --quest-boder: var(--cor-divisor);
  
  /* Status (correto/incorreto) */
  --status-correct-bg: rgba(102, 187, 106, 0.14);
  --status-correct-border: #66bb6a;
  --status-correct-text: #66bb6a;
  --status-incorrect-bg: rgba(255, 107, 107, 0.14);
  --status-incorrect-border: #ff6b6b;
  --status-incorrect-text: #ff6b6b;

  --selected-enem: #170b2e;
}


/* TEMA DARK */
[data-theme="dark"] {
  /* Paleta base (Adaptada para modo escuro profundo) */
  --cor-branco: #ffffff;
  --cor-fundo: #0E0A16; 
  --cor-fundo-suave: #140F20;
  --cor-roxo-principal: #A855F7; /* Mais vivo para destacar no fundo escuro */
  --cor-roxo-escuro: #8B5CF6;    /* Ajustado para não sumir no escuro */
  --cor-roxo-suave: #dfc6ee;   /* Tons pastéis mais claros para leitura */
  --cor-indigo-destaque: #2d3dce;
  --cor-texto: #F5F3FF;         /* Mais próximo ao branco puro */
  --cor-texto-suave: #CBD5E1;   /* Cinza claro neutro para textos secundários */
  --cor-texto-roxo-suave: #E9E3FF;
  --cor-texto-branco-suave: #FAFAFA;
  --cor-avatar: #7C3AED;

  /* Gradientes (Suavizados para o fundo escuro) */
  --degrade-navbar: linear-gradient(to bottom, #201535 0%, #0E0A16 90%);
  --degrade-breadcrumb: linear-gradient(to bottom, #2E1654 0%, #1A1329 100%);
  --degrade-footer: linear-gradient(to bottom, #150926 0%, #0E0A16 90%);
  --degrade-avatar-navbar: linear-gradient(180deg, #00f7ff 0%, #6a00ff 35%, #f82dff 100%);
  --degrade-boas-vindas: linear-gradient(135deg, rgba(21, 3, 41, 0.95) 0%, rgba(69, 11, 117, 0.85) 100%);

  /* Sombras (Mais profundas e menos saturadas) */
  --sombra-padrao: 0 8px 25px rgba(0, 0, 0, 0.55);
  --sombra-card: 5px 5px 15px rgba(0, 0, 0, 0.4);
  --sombra-anel: 0 0 0 3px rgba(168, 85, 247, 0.15);
  --sombra-search-filter: var(--sombra-anel);
  --sombra-input-focus: 0 0 8px rgba(169, 85, 247, 0.181);

  /* Bordas (Mais claras para delimitar os painéis sobre o fundo escuro) */
  --borda-card: #6c16bd;

  /* Tokens */
  --texto-base: var(--cor-texto);
  --texto-secundario: var(--cor-texto-suave);
  --texto-card: var(--cor-roxo-suave); /* Invertido para claro devido ao fundo */

  --titulo-principal: var(--cor-roxo-escuro); /* Invertido para garantir leitura */
  --descricao-titulo: var(--cor-texto-suave);

  --card-main: #1A1329;              /* Bloco ligeiramente mais claro que o fundo geral */
  --card-main-hover: #231A37;
  --list-option-hover: rgba(168, 85, 247, 0.12); 

  --breadcrumb-texto: var(--cor-texto-branco-suave);
  --breadcrumb-texto-hover: #ffffff;
  --breadcrumb-fundo-hover: rgba(168, 85, 247, 0.15);
  --breadcrumb-separador: var(--cor-texto-branco-suave);
  --breadcrumb-sublinhado: var(--cor-texto-branco-suave);

  --texto-footer: var(--cor-texto-roxo-suave);

  /* Específicos */
  --borda-botton-math: rgba(58, 201, 237, 0.3);
  --borda-search-filter-conteudo: var(--cor-indigo-destaque);
  --search-and-filter-focus: #4F46E5;
  --sombra-focus-search-filter: 0 0 0 3px rgba(79, 70, 229, 0.3);
  --sombra-search-filter-conteudo: 0 6px 25px rgba(0, 0, 0, 0.6);
  --content-list-hover: rgba(168, 85, 247, 0.08);
  --menu-option-hover: rgba(168, 85, 247, 0.12);
  --menu-option-border: var(--cor-divisor);
  --theme-radio-checked-border: #59c2f3;
  --filter-conteudo-boder-left: var(--cor-indigo-destaque);

  --cor-link: #93C5FD;

  /* Modal de perfil */
  --perfil-panel-bg: var(--card-main-hover);
  --perfil-panel-text: var(--cor-roxo-suave);
  --danger-zone-border: rgba(255, 107, 107, 0.28);
  --danger-zone-title: #8f0a0a;
  --danger-zone-title-option: #d43c3c;
  --danger-zone-text: #edb8b8;
  --danger-zone-hover: rgba(235, 40, 40, 0.082);
  --danger-zone-strong: #ff6b6b;
  --danger-zone-modal-border: rgba(255, 138, 138, 0.55);

  --cor-branco-10: rgba(255, 255, 255, 0.08);
  --cor-branco-50: rgba(255, 255, 255, 0.4);
  --cor-divisor: rgba(223, 197, 247, 0.589); /* Translúcido para não pesar visualmente */

  --input-focus: rgb(156, 111, 201);
  --input-placeholder: rgba(237, 233, 254, 0.4);

  /* Botões de ação */
  --bf-action-blue: #312E81;
  --bf-action-blue-hover: #1E1B4B;
  --bf-action-blue-text: #ffffff;
  --bf-action-boder: var(--cor-indigo-destaque);
  --bf-sombra-boder: 0 0 0 2px rgba(1, 97, 241, 0.4);

  /* Dots boas vindas */
  --dot-active: linear-gradient(135deg, #A855F7 0%, #C084FC 100%);
  --dot-inactive: #4A4557;

  /* Dashboard */
  --dashboard-card-border: rgba(168, 85, 247, 0.25);
  --dashboard-table-border: #2E2541;
  --dashboard-modal-overlay: rgba(0, 0, 0, 0.75);

  /* Chart.js (tooltip) */
  --chart-tooltip-bg: var(--card-main);
  --chart-tooltip-text: var(--texto-base);
  --chart-tooltip-border: var(--dashboard-table-border);

  /* Chart.js (séries e grade) */
  --chart-text-color: var(--texto-base);
  --chart-grid-color: var(--cor-divisor);
  --chart-series-primary: var(--cor-indigo-destaque);
  --chart-series-primary-fill: rgba(168, 85, 247, 0.2);

  /* Conquistas specific overrides */
  --chart-conquistas-grid-color: var(--cor-divisor);
  --chart-conquistas-label-color: var(--texto-base);

  /* Questionário */
  --quest-boder: var(--cor-divisor);
  
  /* Status (correto/incorreto) */
  --status-correct-bg: rgba(74, 222, 128, 0.1);
  --status-correct-border: #4ADE80;
  --status-correct-text: #4ADE80;
  --status-incorrect-bg: rgba(248, 113, 113, 0.1);
  --status-incorrect-border: #F87171;
  --status-incorrect-text: #F87171;

  --selected-enem: #110727;
}