/* Portal do Condomínio — temas de cores (escolhidos por cada pessoa em Minha conta).
   Gerado por scripts/gerar-temas.py (não edite à mão). Padrão: Azul do DESIGN_SYSTEM.md; Índigo, Grafite e Vinho saem das
   cores do Petróleo trocando o matiz e mantendo a claridade (o contraste fica o mesmo).
   O tema vem em <html data-tema="..."> e o claro/escuro em <html data-modo="claro|escuro"> (js/tema.js). */
:root {
  --petroleo: #0b3d78;
  --petroleo-2: #1976d2;
  --petroleo-3: #082b57;
  --petroleo-4: #06244a;
  --petroleo-luz: #1e88e5;
  --agua: #1e88e5;
  --agua-claro: #90caf9;
  --agua-viva: #64b5f6;
  --agua-funda: #1565c0;
  --agua-media: #42a5f5;
  --fundo-noturno: #0a1a2f;
  --fundo-noturno-2: #071425;
  --menu-texto: #e3eefb;
  --menu-rodape: #a9c3e3;
  --texto-sobre-petroleo: #d2e4f8;
  --texto-sobre-petroleo-2: #e6f0fb;
  --texto-sobre-petroleo-3: #caddf3;
  --etiqueta-agua: #0d5baf;
  --ceu-1: #061428;
  --ceu-2: #0b2546;
  --ceu-3: #13406f;
  --capa-1: #0b2a4e;
  --capa-2: #051426;
  --cidade: #0f2c50;
  --caixa-agua: #1a426d;
  --marquise: #0c2a4a;
  --rotulo: #4fa3f0;
  --icone-campo: #5d7894;
  --fachada-alto: #2d6aa8;
  --fachada-baixo: #112f55;
  --capa-texto: #e6eef6;
  --capa-texto-2: #eaf2fa;
  --ouro: #d9b45a;
  --ouro-luz: #f3c969;
  --petroleo-rgb: 11, 61, 120;
  --petroleo-2-rgb: 25, 118, 210;
  --petroleo-3-rgb: 8, 43, 87;
  --petroleo-4-rgb: 6, 36, 74;
  --agua-rgb: 30, 136, 229;
  --agua-claro-rgb: 144, 202, 249;
  --ouro-rgb: 217, 180, 90;
  --ouro-luz-rgb: 243, 201, 105;
  --fundo-noturno-rgb: 10, 26, 47;
  --fundo-noturno-2-rgb: 7, 20, 37;
  --texto-sobre-petroleo-rgb: 210, 228, 248;
  --rotulo-rgb: 79, 163, 240;
}
/* ---------- Petróleo ---------- */
:root[data-tema="petroleo"] {
  --petroleo: #0f3d4c;
  --petroleo-2: #145a6b;
  --petroleo-3: #0a2a35;
  --petroleo-4: #082631;
  --petroleo-luz: #1d7d85;
  --agua: #2bb3a3;
  --agua-claro: #7fe0d2;
  --agua-viva: #6fd8c8;
  --agua-funda: #22a596;
  --agua-media: #48c9b4;
  --fundo-noturno: #071d25;
  --fundo-noturno-2: #051920;
  --menu-texto: #e6f4f4;
  --menu-rodape: #a9cfd2;
  --texto-sobre-petroleo: #cfeeee;
  --texto-sobre-petroleo-2: #e3f5f4;
  --texto-sobre-petroleo-3: #c9e7e6;
  --etiqueta-agua: #0e7468;
  --ceu-1: #061a22;
  --ceu-2: #0b2f3b;
  --ceu-3: #135463;
  --capa-1: #0b3442;
  --capa-2: #051a22;
  --cidade: #0f3a46;
  --caixa-agua: #1a5361;
  --marquise: #0c3340;
  --rotulo: #3ccfd2;
  --icone-campo: #5d8590;
  --fachada-alto: #2d8290;
  --fachada-baixo: #113c48;
  --capa-texto: #e6f4ef;
  --capa-texto-2: #eaf6f3;
  --fundo: #eef4f5;
  --superficie-2: #f5f9fa;
  --linha: #d6e3e6;
  --texto: #10303a;
  --texto-2: #4d6b74;
  --livre-borda: #cfe0e3;
  --edicao-fundo: #eef6f8;
  --petroleo-rgb: 15, 61, 76;
  --petroleo-2-rgb: 20, 90, 107;
  --petroleo-3-rgb: 10, 42, 53;
  --petroleo-4-rgb: 8, 38, 49;
  --agua-rgb: 43, 179, 163;
  --agua-claro-rgb: 127, 224, 210;
  --fundo-noturno-rgb: 7, 29, 37;
  --fundo-noturno-2-rgb: 5, 25, 32;
  --texto-sobre-petroleo-rgb: 207, 238, 238;
  --rotulo-rgb: 60, 207, 210;
  --sombra: 0 1px 2px rgba(15, 61, 76, .06), 0 8px 24px rgba(15, 61, 76, .08);
}
:root[data-tema="petroleo"][data-modo="escuro"] {
  --fundo: #071d25;
  --superficie: #0f2c36;
  --superficie-2: #12343f;
  --linha: #1f4a57;
  --texto: #e3f1f3;
  --texto-2: #93b4bc;
  --livre-borda: #24505d;
  --edicao-fundo: #0c2a33;
  --edicao-foco: #173b46;
  --sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
}
/* ---------- Índigo ---------- */
:root[data-tema="indigo"] {
  --petroleo: #211546;
  --petroleo-2: #2c1d62;
  --petroleo-3: #170e31;
  --petroleo-4: #150c2d;
  --petroleo-luz: #35277b;
  --agua: #4039a5;
  --agua-claro: #8d89d6;
  --agua-viva: #7e79ce;
  --agua-funda: #362f98;
  --agua-media: #5955bc;
  --fundo-noturno: #100a22;
  --fundo-noturno-2: #0d081d;
  --menu-texto: #e9e7f3;
  --menu-rodape: #b2adce;
  --texto-sobre-petroleo: #d5d2eb;
  --texto-sobre-petroleo-2: #e6e5f3;
  --texto-sobre-petroleo-3: #cfcce4;
  --etiqueta-agua: #1e186a;
  --ceu-1: #0f091f;
  --ceu-2: #191036;
  --ceu-3: #291b5b;
  --capa-1: #1c113d;
  --capa-2: #0e081f;
  --cidade: #1f1441;
  --caixa-agua: #2e215a;
  --marquise: #1c113b;
  --rotulo: #5b4bc3;
  --icone-campo: #6c628b;
  --fachada-alto: #463786;
  --fachada-baixo: #211642;
  --capa-texto: #e7e8f3;
  --capa-texto-2: #ebebf5;
  --fundo: #f1f1f2;
  --superficie-2: #f7f7f8;
  --linha: #dddce0;
  --texto: #23202a;
  --texto-2: #5e5c65;
  --livre-borda: #d8d7db;
  --edicao-fundo: #f2f2f4;
  --petroleo-rgb: 33, 21, 70;
  --petroleo-2-rgb: 44, 29, 98;
  --petroleo-3-rgb: 23, 14, 49;
  --petroleo-4-rgb: 21, 12, 45;
  --agua-rgb: 64, 57, 165;
  --agua-claro-rgb: 141, 137, 214;
  --fundo-noturno-rgb: 16, 10, 34;
  --fundo-noturno-2-rgb: 13, 8, 29;
  --texto-sobre-petroleo-rgb: 213, 210, 235;
  --rotulo-rgb: 91, 75, 195;
  --sombra: 0 1px 2px rgba(33, 21, 70, .06), 0 8px 24px rgba(33, 21, 70, .08);
}
:root[data-tema="indigo"][data-modo="escuro"] {
  --fundo: #141319;
  --superficie: #201e27;
  --superficie-2: #26242d;
  --linha: #383541;
  --texto: #eae9ed;
  --texto-2: #a5a3ac;
  --livre-borda: #3d3a47;
  --edicao-fundo: #1d1b24;
  --edicao-foco: #2c2934;
  --sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
}
/* ---------- Grafite ---------- */
:root[data-tema="grafite"] {
  --petroleo: #292e32;
  --petroleo-2: #394046;
  --petroleo-3: #1c1f23;
  --petroleo-4: #1a1c1f;
  --petroleo-luz: #4a5258;
  --agua: #657279;
  --agua-claro: #a9b2b6;
  --agua-viva: #9ca6ab;
  --agua-funda: #5a676d;
  --agua-media: #7f8c92;
  --fundo-noturno: #141618;
  --fundo-noturno-2: #111214;
  --menu-texto: #ecedee;
  --menu-rodape: #bbbec0;
  --texto-sobre-petroleo: #dcdfe1;
  --texto-sobre-petroleo-2: #ebeced;
  --texto-sobre-petroleo-3: #d6d9da;
  --etiqueta-agua: #3a4448;
  --ceu-1: #121416;
  --ceu-2: #202326;
  --ceu-3: #353b41;
  --capa-1: #23262a;
  --capa-2: #111316;
  --cidade: #272b2e;
  --caixa-agua: #393e42;
  --marquise: #22262a;
  --rotulo: #7c8992;
  --icone-campo: #73777a;
  --fachada-alto: #585f65;
  --fachada-baixo: #292d30;
  --capa-texto: #eceeee;
  --capa-texto-2: #eff0f1;
  --fundo: #f1f2f2;
  --superficie-2: #f7f8f8;
  --linha: #dddedf;
  --texto: #222528;
  --texto-2: #5e6163;
  --livre-borda: #d8d9da;
  --edicao-fundo: #f2f3f4;
  --petroleo-rgb: 41, 46, 50;
  --petroleo-2-rgb: 57, 64, 70;
  --petroleo-3-rgb: 28, 31, 35;
  --petroleo-4-rgb: 26, 28, 31;
  --agua-rgb: 101, 114, 121;
  --agua-claro-rgb: 169, 178, 182;
  --fundo-noturno-rgb: 20, 22, 24;
  --fundo-noturno-2-rgb: 17, 18, 20;
  --texto-sobre-petroleo-rgb: 220, 223, 225;
  --rotulo-rgb: 124, 137, 146;
  --sombra: 0 1px 2px rgba(41, 46, 50, .06), 0 8px 24px rgba(41, 46, 50, .08);
}
:root[data-tema="grafite"][data-modo="escuro"] {
  --fundo: #141618;
  --superficie: #202225;
  --superficie-2: #25292c;
  --linha: #373b3f;
  --texto: #eaebec;
  --texto-2: #a5a8aa;
  --livre-borda: #3d4144;
  --edicao-fundo: #1d2022;
  --edicao-foco: #2b2f32;
  --sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
}
/* ---------- Vinho ---------- */
:root[data-tema="vinho"] {
  --petroleo: #43181f;
  --petroleo-2: #5e212d;
  --petroleo-3: #2f1015;
  --petroleo-4: #2b0e13;
  --petroleo-luz: #752d3f;
  --agua: #9f3f61;
  --agua-claro: #d18ea6;
  --agua-viva: #c87f9a;
  --agua-funda: #913656;
  --agua-media: #b65b7d;
  --fundo-noturno: #200c0f;
  --fundo-noturno-2: #1c090c;
  --menu-texto: #f2e8eb;
  --menu-rodape: #ccafb6;
  --texto-sobre-petroleo: #e9d4da;
  --texto-sobre-petroleo-2: #f2e6ea;
  --texto-sobre-petroleo-3: #e3cdd4;
  --etiqueta-agua: #651d36;
  --ceu-1: #1e0a0d;
  --ceu-2: #341218;
  --ceu-3: #571f2a;
  --capa-1: #3a131a;
  --capa-2: #1e090c;
  --cidade: #3e171e;
  --caixa-agua: #56252e;
  --marquise: #38141a;
  --rotulo: #bb5370;
  --icone-campo: #88656b;
  --fachada-alto: #813c4b;
  --fachada-baixo: #401920;
  --capa-texto: #f2e8ed;
  --capa-texto-2: #f4ecef;
  --fundo: #f2f1f1;
  --superficie-2: #f8f7f7;
  --linha: #dfdddd;
  --texto: #292123;
  --texto-2: #645d5e;
  --livre-borda: #dbd7d8;
  --edicao-fundo: #f4f2f2;
  --petroleo-rgb: 67, 24, 31;
  --petroleo-2-rgb: 94, 33, 45;
  --petroleo-3-rgb: 47, 16, 21;
  --petroleo-4-rgb: 43, 14, 19;
  --agua-rgb: 159, 63, 97;
  --agua-claro-rgb: 209, 142, 166;
  --fundo-noturno-rgb: 32, 12, 15;
  --fundo-noturno-2-rgb: 28, 9, 12;
  --texto-sobre-petroleo-rgb: 233, 212, 218;
  --rotulo-rgb: 187, 83, 112;
  --sombra: 0 1px 2px rgba(67, 24, 31, .06), 0 8px 24px rgba(67, 24, 31, .08);
}
:root[data-tema="vinho"][data-modo="escuro"] {
  --fundo: #191314;
  --superficie: #261f20;
  --superficie-2: #2d2426;
  --linha: #403638;
  --texto: #eceaea;
  --texto-2: #aba4a5;
  --livre-borda: #463b3d;
  --edicao-fundo: #231c1d;
  --edicao-foco: #332a2c;
  --sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);
}
/* ---------- amostras da escolha (Minha conta) ---------- */
.amostra-tema.t-azul { background: linear-gradient(135deg, #1976d2 0 50%, #90caf9 50% 100%); }
.amostra-tema.t-petroleo { background: linear-gradient(135deg, #0f3d4c 0 50%, #2bb3a3 50% 100%); }
.amostra-tema.t-indigo { background: linear-gradient(135deg, #211546 0 50%, #4039a5 50% 100%); }
.amostra-tema.t-grafite { background: linear-gradient(135deg, #292e32 0 50%, #657279 50% 100%); }
.amostra-tema.t-vinho { background: linear-gradient(135deg, #43181f 0 50%, #9f3f61 50% 100%); }