/* PomarSmart — TEMAS (paletas trocaveis).
   Cada tema sobrescreve somente os tokens do design system (sgp.css); nenhuma
   tela e alterada. O tema ativo vem de html[data-tema], resolvido pelo
   app/core/aparencia.py (cookie > painel > padrao) e trocavel AO VIVO pelo
   seletor flutuante. Regra: o CONTEUDO (folha) permanece claro em todos os
   temas — os temas escuros escurecem apenas a casca (moldura, cabecalho e
   navegacao lateral), entao toda tela funciona em qualquer tema. */

/* Tokens-base repetidos aqui porque as telas de modulo (base_modulo.html,
   Bootstrap) carregam temas.css/disposicoes.css SEM o sgp.css — os mesmos
   valores do sgp.css, para a casca, a lateral e o seletor funcionarem em
   qualquer tela. */
:root {
  --cor-primaria: #059669;
  --cor-primaria-clara: #10b981;
  --cor-primaria-escura: #047857;
  --cor-primaria-fundo: #ecfdf5;
  --grad-primario: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --grad-primario-hover: linear-gradient(135deg, #059669 0%, #047857 100%);
  --cor-texto: #2c3e50;
  --cor-texto-suave: #475569;
  --cor-texto-fraco: #94a3b8;
  --cor-fundo-secao: #f8f9fa;
  --cor-superficie: #ffffff;
  --cor-borda: #e2e8f0;
  --cor-borda-forte: #cbd5e1;
  --cor-info: #1d4ed8;
  --anel-foco: rgba(16, 185, 129, .18);
  --fundo-pagina: var(--grad-primario);
  --cor-folha: #ffffff;
  --cor-navbar: var(--grad-primario);
  --cor-navbar-texto: #ffffff;
  --sombra-navbar: 0 4px 15px rgba(16, 185, 129, .30);
  --cor-lateral: #101623;
  --cor-lateral-texto: #cbd5e1;
  --cor-lateral-titulo: #64748b;
  --cor-lateral-ativo: rgba(255, 255, 255, .09);
  --cor-lateral-realce: var(--cor-primaria-clara);
  --cor-lateral-borda: rgba(255, 255, 255, .07);
}

body, .navbar-custom, .nav-lateral { transition: background .25s ease, color .25s ease; }

/* ============================== claros ============================== */

html[data-tema="safira"] {
  --cor-primaria: #4f46e5; --cor-primaria-clara: #6366f1;
  --cor-primaria-escura: #4338ca; --cor-primaria-fundo: #eef2ff;
  --grad-primario: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  --grad-primario-hover: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --anel-foco: rgba(99, 102, 241, .20);
  --fundo-pagina: linear-gradient(160deg, #eef2ff 0%, #dbe1fd 55%, #c7d2fe 100%);
  --cor-navbar: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --sombra-navbar: 0 4px 15px rgba(79, 70, 229, .28);
  --cor-lateral: #171a3a; --cor-lateral-realce: #a5b4fc;
}

html[data-tema="pomar"] {
  --cor-primaria: #dc2626; --cor-primaria-clara: #ef4444;
  --cor-primaria-escura: #b91c1c; --cor-primaria-fundo: #fef2f2;
  --grad-primario: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  --grad-primario-hover: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
  --anel-foco: rgba(239, 68, 68, .18);
  --fundo-pagina: linear-gradient(160deg, #fef2f2 0%, #fee2e2 50%, #dcfce7 100%);
  --cor-navbar: linear-gradient(135deg, #dc2626 0%, #15803d 160%);
  --sombra-navbar: 0 4px 15px rgba(220, 38, 38, .25);
  --cor-lateral: #2a1214; --cor-lateral-realce: #fca5a5;
}

html[data-tema="campo"] {
  /* o verde-esmeralda classico (visual de origem) */
  --fundo-pagina: var(--grad-primario);
}

html[data-tema="oliva"] {
  --cor-primaria: #65a30d; --cor-primaria-clara: #84cc16;
  --cor-primaria-escura: #4d7c0f; --cor-primaria-fundo: #f7fee7;
  --grad-primario: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
  --grad-primario-hover: linear-gradient(135deg, #65a30d 0%, #4d7c0f 100%);
  --anel-foco: rgba(132, 204, 22, .20);
  --fundo-pagina: linear-gradient(160deg, #f7fee7 0%, #ecfccb 55%, #d9f99d 100%);
  --cor-navbar: linear-gradient(135deg, #4d7c0f 0%, #3f6212 100%);
  --sombra-navbar: 0 4px 15px rgba(77, 124, 15, .25);
  --cor-lateral: #1a2312; --cor-lateral-realce: #bef264;
}

html[data-tema="terra"] {
  --cor-primaria: #c2410c; --cor-primaria-clara: #ea580c;
  --cor-primaria-escura: #9a3412; --cor-primaria-fundo: #fff7ed;
  --grad-primario: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  --grad-primario-hover: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
  --anel-foco: rgba(234, 88, 12, .18);
  --fundo-pagina: linear-gradient(160deg, #fff7ed 0%, #ffedd5 50%, #fde8cd 100%);
  --cor-navbar: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%);
  --sombra-navbar: 0 4px 15px rgba(154, 52, 18, .28);
  --cor-lateral: #291410; --cor-lateral-realce: #fdba74;
}

html[data-tema="ceu"] {
  --cor-primaria: #0284c7; --cor-primaria-clara: #0ea5e9;
  --cor-primaria-escura: #0369a1; --cor-primaria-fundo: #f0f9ff;
  --grad-primario: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  --grad-primario-hover: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  --anel-foco: rgba(14, 165, 233, .18);
  --fundo-pagina: linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 55%, #bae6fd 100%);
  --cor-navbar: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
  --sombra-navbar: 0 4px 15px rgba(2, 132, 199, .25);
  --cor-lateral: #0c2536; --cor-lateral-realce: #7dd3fc;
}

html[data-tema="oceano"] {
  --cor-primaria: #1d4ed8; --cor-primaria-clara: #2563eb;
  --cor-primaria-escura: #1e40af; --cor-primaria-fundo: #eff6ff;
  --grad-primario: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  --grad-primario-hover: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  --anel-foco: rgba(37, 99, 235, .18);
  --fundo-pagina: linear-gradient(160deg, #eff6ff 0%, #dbeafe 55%, #bfdbfe 100%);
  --cor-navbar: linear-gradient(135deg, #1e40af 0%, #172554 100%);
  --sombra-navbar: 0 4px 15px rgba(30, 64, 175, .30);
  --cor-lateral: #101c3d; --cor-lateral-realce: #93c5fd;
}

html[data-tema="petroleo"] {
  --cor-primaria: #0f766e; --cor-primaria-clara: #0d9488;
  --cor-primaria-escura: #115e59; --cor-primaria-fundo: #f0fdfa;
  --grad-primario: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
  --grad-primario-hover: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
  --anel-foco: rgba(13, 148, 136, .18);
  --fundo-pagina: linear-gradient(160deg, #f0fdfa 0%, #ccfbf1 55%, #99f6e4 100%);
  --cor-navbar: linear-gradient(135deg, #115e59 0%, #042f2e 100%);
  --sombra-navbar: 0 4px 15px rgba(17, 94, 89, .28);
  --cor-lateral: #062a28; --cor-lateral-realce: #5eead4;
}

html[data-tema="uva"] {
  --cor-primaria: #7c3aed; --cor-primaria-clara: #8b5cf6;
  --cor-primaria-escura: #6d28d9; --cor-primaria-fundo: #f5f3ff;
  --grad-primario: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  --grad-primario-hover: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  --anel-foco: rgba(139, 92, 246, .18);
  --fundo-pagina: linear-gradient(160deg, #f5f3ff 0%, #ede9fe 55%, #ddd6fe 100%);
  --cor-navbar: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
  --sombra-navbar: 0 4px 15px rgba(109, 40, 217, .28);
  --cor-lateral: #221436; --cor-lateral-realce: #c4b5fd;
}

html[data-tema="cereja"] {
  --cor-primaria: #be123c; --cor-primaria-clara: #e11d48;
  --cor-primaria-escura: #9f1239; --cor-primaria-fundo: #fff1f2;
  --grad-primario: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
  --grad-primario-hover: linear-gradient(135deg, #be123c 0%, #9f1239 100%);
  --anel-foco: rgba(225, 29, 72, .16);
  --fundo-pagina: linear-gradient(160deg, #fff1f2 0%, #ffe4e6 55%, #fecdd3 100%);
  --cor-navbar: linear-gradient(135deg, #9f1239 0%, #4c0519 100%);
  --sombra-navbar: 0 4px 15px rgba(159, 18, 57, .28);
  --cor-lateral: #2b0d17; --cor-lateral-realce: #fda4af;
}

html[data-tema="pessego"] {
  --cor-primaria: #ea580c; --cor-primaria-clara: #f97316;
  --cor-primaria-escura: #c2410c; --cor-primaria-fundo: #fff7ed;
  --grad-primario: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  --grad-primario-hover: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  --anel-foco: rgba(249, 115, 22, .18);
  --fundo-pagina: linear-gradient(160deg, #fff7ed 0%, #ffedd5 45%, #fed7aa 100%);
  --cor-navbar: linear-gradient(135deg, #f97316 0%, #c2410c 100%);
  --sombra-navbar: 0 4px 15px rgba(249, 115, 22, .25);
  --cor-lateral: #2b190e; --cor-lateral-realce: #fdba74;
}

html[data-tema="grafite"] {
  --cor-primaria: #4b5563; --cor-primaria-clara: #6b7280;
  --cor-primaria-escura: #374151; --cor-primaria-fundo: #f3f4f6;
  --grad-primario: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  --grad-primario-hover: linear-gradient(135deg, #4b5563 0%, #374151 100%);
  --anel-foco: rgba(107, 114, 128, .20);
  --fundo-pagina: linear-gradient(160deg, #f9fafb 0%, #f3f4f6 55%, #e5e7eb 100%);
  --cor-navbar: linear-gradient(135deg, #374151 0%, #1f2937 100%);
  --sombra-navbar: 0 4px 15px rgba(31, 41, 55, .25);
  --cor-lateral: #171c26; --cor-lateral-realce: #d1d5db;
}

html[data-tema="aco"] {
  --cor-primaria: #475569; --cor-primaria-clara: #64748b;
  --cor-primaria-escura: #334155; --cor-primaria-fundo: #f1f5f9;
  --grad-primario: linear-gradient(135deg, #64748b 0%, #475569 100%);
  --grad-primario-hover: linear-gradient(135deg, #475569 0%, #334155 100%);
  --anel-foco: rgba(100, 116, 139, .20);
  --fundo-pagina: linear-gradient(160deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);
  --cor-navbar: linear-gradient(135deg, #334155 0%, #0f172a 100%);
  --sombra-navbar: 0 4px 15px rgba(51, 65, 85, .28);
  --cor-lateral: #131c2b; --cor-lateral-realce: #94a3b8;
}

/* ======================== casca escura ======================== */

html[data-tema="noite"] {
  --cor-primaria: #4f46e5; --cor-primaria-clara: #6366f1;
  --cor-primaria-escura: #4338ca; --cor-primaria-fundo: #eef2ff;
  --grad-primario: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  --grad-primario-hover: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  --anel-foco: rgba(99, 102, 241, .25);
  --fundo-pagina: linear-gradient(160deg, #0f172a 0%, #111a33 60%, #1e1b4b 130%);
  --cor-navbar: linear-gradient(135deg, #1e293b 0%, #171a3a 100%);
  --sombra-navbar: 0 4px 18px rgba(0, 0, 0, .45);
  --cor-lateral: #0b1120; --cor-lateral-realce: #a5b4fc;
  --cor-lateral-borda: rgba(255, 255, 255, .05);
}

html[data-tema="meianoite"] {
  --cor-primaria: #b8860b; --cor-primaria-clara: #d4a017;
  --cor-primaria-escura: #92680a; --cor-primaria-fundo: #fdf6e3;
  --grad-primario: linear-gradient(135deg, #d4a017 0%, #b8860b 100%);
  --grad-primario-hover: linear-gradient(135deg, #b8860b 0%, #92680a 100%);
  --anel-foco: rgba(212, 160, 23, .25);
  --fundo-pagina: linear-gradient(160deg, #0b1220 0%, #0e1930 70%, #14213f 130%);
  --cor-navbar: linear-gradient(135deg, #101c36 0%, #0b1220 100%);
  --sombra-navbar: 0 4px 18px rgba(0, 0, 0, .5);
  --cor-lateral: #080e1a; --cor-lateral-realce: #facc15;
  --cor-lateral-borda: rgba(255, 255, 255, .05);
}

html[data-tema="floresta"] {
  --cor-primaria: #16a34a; --cor-primaria-clara: #22c55e;
  --cor-primaria-escura: #15803d; --cor-primaria-fundo: #f0fdf4;
  --grad-primario: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  --grad-primario-hover: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
  --anel-foco: rgba(34, 197, 94, .25);
  --fundo-pagina: linear-gradient(160deg, #052e16 0%, #07351c 60%, #0b4a26 130%);
  --cor-navbar: linear-gradient(135deg, #0b3d20 0%, #052e16 100%);
  --sombra-navbar: 0 4px 18px rgba(0, 0, 0, .45);
  --cor-lateral: #04230f; --cor-lateral-realce: #86efac;
  --cor-lateral-borda: rgba(255, 255, 255, .06);
}

html[data-tema="ardosia"] {
  --cor-primaria: #475569; --cor-primaria-clara: #64748b;
  --cor-primaria-escura: #334155; --cor-primaria-fundo: #f1f5f9;
  --grad-primario: linear-gradient(135deg, #64748b 0%, #475569 100%);
  --grad-primario-hover: linear-gradient(135deg, #475569 0%, #334155 100%);
  --anel-foco: rgba(148, 163, 184, .25);
  --fundo-pagina: linear-gradient(160deg, #1e293b 0%, #223045 60%, #2b3a52 130%);
  --cor-navbar: linear-gradient(135deg, #283549 0%, #1c2739 100%);
  --sombra-navbar: 0 4px 18px rgba(0, 0, 0, .4);
  --cor-lateral: #16202f; --cor-lateral-realce: #cbd5e1;
  --cor-lateral-borda: rgba(255, 255, 255, .06);
}

html[data-tema="esmeralda"] {
  --cor-primaria: #059669; --cor-primaria-clara: #10b981;
  --cor-primaria-escura: #047857; --cor-primaria-fundo: #ecfdf5;
  --anel-foco: rgba(16, 185, 129, .25);
  --fundo-pagina: linear-gradient(160deg, #022c22 0%, #033a2d 60%, #065f46 140%);
  --cor-navbar: linear-gradient(135deg, #064e3b 0%, #022c22 100%);
  --sombra-navbar: 0 4px 18px rgba(0, 0, 0, .45);
  --cor-lateral: #021f18; --cor-lateral-realce: #6ee7b7;
  --cor-lateral-borda: rgba(255, 255, 255, .06);
}

html[data-tema="contraste"] {
  --cor-primaria: #111827; --cor-primaria-clara: #1f2937;
  --cor-primaria-escura: #000000; --cor-primaria-fundo: #f3f4f6;
  --grad-primario: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  --grad-primario-hover: linear-gradient(135deg, #111827 0%, #000000 100%);
  --anel-foco: rgba(250, 204, 21, .6);
  --cor-texto: #111827; --cor-texto-suave: #1f2937; --cor-texto-fraco: #374151;
  --cor-borda: #9ca3af; --cor-borda-forte: #4b5563;
  --fundo-pagina: #000000;
  --cor-navbar: #000000;
  --sombra-navbar: 0 0 0 2px #facc15;
  --cor-lateral: #000000; --cor-lateral-texto: #f9fafb;
  --cor-lateral-titulo: #d1d5db; --cor-lateral-realce: #facc15;
  --cor-lateral-ativo: rgba(250, 204, 21, .18);
  --cor-lateral-borda: #facc15;
}