/* TEMAS — A ÚNICA lista de cores de época do Astro Hellenic.

   Cada cor tem um nome e um valor por modo. Onde o software usar "o laranja", usa o laranja daquele modo,
   sempre o mesmo valor, em qualquer tela. Ninguém decide cor por tela.

   - Papiro (Tema Céu) e modo claro usam as MESMAS cores.
   - O modo escuro usa a cor ADAPTADA (um pouco mais clara, pra aparecer no fundo escuro).
   - Cor nova entra AQUI, nunca dentro de uma ferramenta.

   Este arquivo ainda NÃO está ligado ao software (nenhuma tela usa estas variáveis hoje). Ele entra quando a
   migração começar, uma ferramenta por vez. Ver o guia de design. */

/* PAPIRO E MODO CLARO  (.paleta-clara: usada por uma "sonda" do JS pra ler estes valores mesmo com o modo escuro ligado) */
:root, .paleta-clara {
    --azul-egipcio-escuro: #1034A6;   /* mandala, linhas e texto em azul (o que não é pintado) */
    --azul-egipcio-claro: #1F5FA3;    /* divisas, logo, tudo que é pintado; também a água */
    --preto-tinta: #1A1410;           /* texto */
    --ocre: #B5852F;                  /* dourado de época: termos, eixos, destaques */
    --terracota: #A03E25;             /* títulos e destaques */
    --laranja: #D0610F;               /* fogo (realgar) e a parte de fora da mancha do Sol */
    --marrom: #6B4A2B;                /* terra */
    --cinza: #6B7780;                 /* ar */
    --verde: #4A7C59;                 /* WhatsApp */
    --fundo-creme: #FFFDF5;           /* painel por baixo no modo claro (o papiro tem o dele em papiro.css) */
}

/* SULFITE — folha branca escrita à mão, com caneta. Mesmas cores de época, trocadas pelas cores das canetas.
   (.paleta-sulfite: a sonda do JS, ver paletaEpoca em papiro.js) */
:root.tema-sulfite, .paleta-sulfite {
    --azul-egipcio-escuro: #0C34B1;   /* azul egípcio arroxeado */
    --azul-egipcio-claro: #01C7FC;    /* azul egípcio claro */
    --preto-tinta: #1C1C1C;           /* preto de tinta */
    --ocre: #F5EC00;                  /* ocre (caneta amarela) */
    --terracota: #BB0C34;             /* terracota (caneta vermelha) */
    --laranja: #FC8520;               /* fogo */
    --marrom: #734028;                /* terra */
    --cinza: #808A91;                 /* ar */
    --verde: #004E38;                 /* WhatsApp */
    --fundo-creme: #FFFFFF;           /* fundo sulfite */
}

/* MODO ESCURO — as mesmas cores, adaptadas  (.paleta-escura: a sonda do JS) */
:root.tema-escuro, .paleta-escura {
    --azul-egipcio-escuro: #5F80E7;
    --azul-egipcio-claro: #4A8DD4;
    --preto-tinta: #E2E8F0;           /* no escuro o "preto de tinta" é este cinza bem claro */
    --ocre: #D9AE3F;                  /* o dourado de antes */
    --terracota: #CF6044;
    --laranja: #F28A33;
    --marrom: #AE7C4E;
    --cinza: #A3ADB5;
    --verde: #5FA073;
    --fundo-creme: #1C1917;           /* painel por baixo no modo escuro */
}

/* MANDALA NO CÉU — as cores que o desenho do céu já usa hoje nos ícones e na mandala, mantidas EXATAMENTE como estão.
   O céu é o céu: estas cores valem nos três modos (não têm versão adaptada). A cor de cada ponto muda entre a "noite"
   e o "dia" conforme a altura do Sol naquele lugar (mistura das duas, ver misturarHexCeu em mandala.js). */
:root {
    --ceu-linha-noite: #E6EEFF;       /* tracejados e linhas da roda, de noite / abaixo do horizonte */
    --ceu-icone-noite: #DBE6FF;       /* ícones calculados (lotes, ângulos, nodos, sizígia) e números das casas, de noite */
    --ceu-tinta-dia: #1D3A66;         /* os mesmos, de dia, acima do horizonte sobre o céu claro */
    --ceu-glifo-dia: #0B0B10;         /* glifo dos planetas (pontos de luz), de dia */
    --ceu-glifo-noite: #FFFFFF;       /* glifo dos planetas, de noite */
    --ceu-luz-fria: #EAF0FF;          /* brilho dos planetas (azulado) */
    --ceu-luz-quente: #FFC896;        /* brilho do Sol e dos planetas quentes */
}

/* REGRA: no céu, os SIGNOS e os ÍCONES DOS TERMOS usam as cores do papiro e do modo claro (não as do céu):
   signos pelas cores dos elementos (laranja, marrom, cinza, azul egípcio claro) e ícones dos termos em ocre. */

/* ASPECTOS — as mesmas cores em TODAS as telas e temas (cada uma já tem a versão do modo escuro pela variável da paleta) */
:root, .paleta-clara, :root.tema-escuro, .paleta-escura, :root.tema-sulfite, .paleta-sulfite {
    --aspect-conjuncao: var(--preto-tinta);
    --aspect-sextil: var(--azul-egipcio-claro);
    --aspect-trigono: var(--azul-egipcio-escuro);
    --aspect-quadratura: var(--terracota);
    --aspect-oposicao: var(--laranja);
}

/* ELEMENTOS DOS SIGNOS — fogo = laranja, terra = marrom, ar = cinza, água = azul egípcio claro (cada um na versão do modo). Fonte única para CSS; para JS: corElementoSigno (papiro.js). */
:root, .paleta-clara, :root.tema-escuro, .paleta-escura, :root.tema-sulfite, .paleta-sulfite {
    --element-fogo: var(--laranja);
    --element-terra: var(--marrom);
    --element-ar: var(--cinza);
    --element-agua: var(--azul-egipcio-claro);
}

/* SOMBRA DAS JANELAS QUE FLUTUAM (menus flutuantes): só estas têm sombra, pra ficar claro que estão por cima. No Céu a sombra é do papiro (papiro.css). */
:root, .paleta-clara, :root.tema-sulfite, .paleta-sulfite { --sombra-janela: 0 4px 14px rgba(26, 20, 16, .30); }
:root.tema-escuro, .paleta-escura { --sombra-janela: 0 4px 16px rgba(0, 0, 0, .70); }

/* SULFITE — FONTE: letra de caneta (Caveat) no lugar de Montserrat e Cinzel, em tudo menos nos ícones (Font Awesome).
   !important porque várias telas guardam a fonte no style inline. */
:root.tema-sulfite {
    --fonte-sulfite: 'Caveat', cursive;
}
html.tema-sulfite body, html.tema-sulfite body *:not(i):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: var(--fonte-sulfite) !important;
}