/* Yatai Yoru · Temas (30/10/2026). Blocos gerados a partir de yy-temas.js (CatalogoTemas.GerarCSS):
   para mudar uma cor, mude a paleta no JS e gere o arquivo de novo (GERAR-TEMAS-CSS-20261030.mjs). */
:is(html, body)[data-tema="claro"] {
  color-scheme: light;
  --yy-papel: #fffaf2;
  --yy-cartao: #fffdf8;
  --yy-tinta: #2a211c;
  --yy-tinta-suave: #75695d;
  --yy-linha: #e3d5c1;
  --yy-principal-topo: #c31c1c;
  --yy-principal-base: #9d0808;
  --yy-principal-borda: #a71111;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fffaf1;
  --yy-secundario-base: #f8efe0;
  --yy-secundario-borda: #e3cdb3;
  --yy-secundario-texto: #583b27;
  --yy-perigo: #a51d20;
  --yy-texto-destaque: #9d0808;
  --yy-rotulo-texto: #5b5044;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #d7cbbc;
  --yy-caixa-texto: #322d27;
  --yy-caixa-leitura: #eeece8;
  --yy-menu-atual: #ac191a;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #fffaf3;
  --yy-aba-borda: #e4d4bc;
  --yy-aba-texto: #723b26;
  --yy-aba-atual-topo: #a61515;
  --yy-aba-atual-base: #a61515;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #f6ecdf;
  --yy-grade-cabecalho-texto: #524432;
  --yy-grade-texto: #463b31;
  --yy-grade-linha-impar: #fffdf8;
  --yy-grade-linha-par: #f6eddf;
  --yy-grade-linha-foco: #f0ddbd;
  --yy-grade-linha-selecionada: #efe0c8;
  --yy-grade-borda: #e8dfd3;
  --yy-grade-pagina-atual: #a51d20;
  --yy-pagina-fundo: #f4eee1;
  --yy-pagina-fundo-alto: #fffdf8;
  --yy-barra-fundo: #fffaf3;
  --yy-barra-borda: #e4d4bc;
  --yy-barra-texto: #723b26;
  --yy-tela: #fffdf8;
  --yy-selecao: #efe0c8;
  --yy-cartao-fundo: #fffdf8;
  --yy-cartao-borda: #e3d8ca;
  --yy-cartao-raio: 10px;
  --yy-cartao-sombra: 0 3px 8px #7d54300a;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #fffdf8;
  --yy-cartao-divisor: #e8ddce;
  --yy-cartao-hover: #fff7e9;
  --yy-cartao-hover-rodape: #f8eedb;
  --yy-cartao-fim-compacto: #fffdf1;
  --yy-cartao-fim-largo: #fffdf4;
  --yy-cartao-titulo: #181715;
  --yy-cartao-texto: #696a65;
  --yy-tom-rosa-fundo: #f7ddda;
  --yy-tom-rosa-tinta: #a42626;
  --yy-tom-ouro-fundo: #faebcd;
  --yy-tom-ouro-tinta: #8b591c;
  --yy-tom-azul-fundo: #dfebed;
  --yy-tom-azul-tinta: #356073;
  --yy-tom-verde-fundo: #eef0e5;
  --yy-tom-verde-tinta: #6d3433;
  --yy-tom-pessego-fundo: #f1dbcc;
  --yy-tom-pessego-tinta: #a33b29;
  --yy-tom-roxo-fundo: #eee4f1;
  --yy-tom-roxo-tinta: #74397b;
  --yy-cartao-hover-sombra: 0 8px 18px #302a2526;
  --yy-anel-foco: #9d0808;
}

:is(html, body)[data-tema="escuro"] {
  color-scheme: dark;
  --yy-papel: #1a1511;
  --yy-cartao: #241d17;
  --yy-tinta: #f1e6d6;
  --yy-tinta-suave: #bcaa96;
  --yy-linha: #3a3028;
  --yy-principal-topo: #c9453f;
  --yy-principal-base: #a52c28;
  --yy-principal-borda: #a52c28;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #2c241c;
  --yy-secundario-base: #261f18;
  --yy-secundario-borda: #4a3b2c;
  --yy-secundario-texto: #f1d9bd;
  --yy-perigo: #ef9c8c;
  --yy-texto-destaque: #f0a79c;
  --yy-rotulo-texto: #cdbb9f;
  --yy-caixa-fundo: #241d17;
  --yy-caixa-borda: #3a3028;
  --yy-caixa-texto: #f1e6d6;
  --yy-caixa-leitura: #2c241c;
  --yy-menu-atual: #c9453f;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #2c241c;
  --yy-aba-borda: #4a3b2c;
  --yy-aba-texto: #f1d9bd;
  --yy-aba-atual-topo: #c9453f;
  --yy-aba-atual-base: #a52c28;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #2c241c;
  --yy-grade-cabecalho-texto: #e7d3b6;
  --yy-grade-texto: #f1e6d6;
  --yy-grade-linha-impar: #241d17;
  --yy-grade-linha-par: #2a221b;
  --yy-grade-linha-foco: #3a2e22;
  --yy-grade-linha-selecionada: #3f3022;
  --yy-grade-borda: #3a3028;
  --yy-grade-pagina-atual: #a52c28;
  --yy-pagina-fundo: #1a1511;
  --yy-pagina-fundo-alto: #241d17;
  --yy-barra-fundo: #2c241c;
  --yy-barra-borda: #4a3b2c;
  --yy-barra-texto: #f1d9bd;
  --yy-tela: #241d17;
  --yy-selecao: #3f3022;
  --yy-cartao-fundo: #241d17;
  --yy-cartao-borda: #3a3028;
  --yy-cartao-raio: 10px;
  --yy-cartao-sombra: 0 3px 10px #0006;
  --yy-cartao-sombra-grupo: 0 3px 10px #0006;
  --yy-cartao-rodape: #2c241c;
  --yy-cartao-divisor: #3a3028;
  --yy-cartao-hover: #2d241b;
  --yy-cartao-hover-rodape: #3f3022;
  --yy-cartao-fim-compacto: #241d17;
  --yy-cartao-fim-largo: #241d17;
  --yy-cartao-titulo: #f1e6d6;
  --yy-cartao-texto: #bcaa96;
  --yy-tom-rosa-fundo: #4a2623;
  --yy-tom-rosa-tinta: #f0a79c;
  --yy-tom-ouro-fundo: #4a3a1e;
  --yy-tom-ouro-tinta: #e7bd6a;
  --yy-tom-azul-fundo: #1f3a40;
  --yy-tom-azul-tinta: #8fc3d6;
  --yy-tom-verde-fundo: #2a3320;
  --yy-tom-verde-tinta: #b6cf8e;
  --yy-tom-pessego-fundo: #4a3021;
  --yy-tom-pessego-tinta: #f0a79c;
  --yy-tom-roxo-fundo: #4a2623;
  --yy-tom-roxo-tinta: #c0b5b9;
  --yy-cartao-hover-sombra: 0 8px 18px #000000aa;
  --yy-anel-foco: #f0a79c;
}

:is(html, body)[data-tema="sakura"] {
  color-scheme: light;
  --yy-papel: #fffafa;
  --yy-cartao: #fffafa;
  --yy-tinta: #3a2a2c;
  --yy-tinta-suave: #715a5c;
  --yy-linha: #f0d6d8;
  --yy-principal-topo: #c2485a;
  --yy-principal-base: #9d2c3e;
  --yy-principal-borda: #9d2c3e;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fffafa;
  --yy-secundario-base: #f7e6e7;
  --yy-secundario-borda: #ecbfc0;
  --yy-secundario-texto: #3a2a2c;
  --yy-perigo: #9d2c3e;
  --yy-texto-destaque: #9d2c3e;
  --yy-rotulo-texto: #5d494c;
  --yy-caixa-fundo: #fffafa;
  --yy-caixa-borda: #f0d6d8;
  --yy-caixa-texto: #3a2a2c;
  --yy-caixa-leitura: #f7e6e7;
  --yy-menu-atual: #c2485a;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #f7ddda;
  --yy-aba-borda: #ecbfc0;
  --yy-aba-texto: #8c2f3c;
  --yy-aba-atual-topo: #c2485a;
  --yy-aba-atual-base: #9d2c3e;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #f7e6e7;
  --yy-grade-cabecalho-texto: #3a2a2c;
  --yy-grade-texto: #3a2a2c;
  --yy-grade-linha-impar: #fffafa;
  --yy-grade-linha-par: #faeeef;
  --yy-grade-linha-foco: #f9e1e4;
  --yy-grade-linha-selecionada: #f6d6da;
  --yy-grade-borda: #f0d6d8;
  --yy-grade-pagina-atual: #9d2c3e;
  --yy-pagina-fundo: #fcf3f4;
  --yy-pagina-fundo-alto: #fffafa;
  --yy-barra-fundo: #f7ddda;
  --yy-barra-borda: #ecbfc0;
  --yy-barra-texto: #8c2f3c;
  --yy-tela: #fffafa;
  --yy-selecao: #f6d6da;
  --yy-cartao-fundo: #fffafa;
  --yy-cartao-borda: #f0d6d8;
  --yy-cartao-raio: 12px;
  --yy-cartao-sombra: 0 3px 10px #c2485a14;
  --yy-cartao-sombra-grupo: 0 3px 10px #c2485a14;
  --yy-cartao-rodape: #f7e6e7;
  --yy-cartao-divisor: #f0d6d8;
  --yy-cartao-hover: #fcedef;
  --yy-cartao-hover-rodape: #f6d6da;
  --yy-cartao-fim-compacto: #fffafa;
  --yy-cartao-fim-largo: #fffafa;
  --yy-cartao-titulo: #3a2a2c;
  --yy-cartao-texto: #715a5c;
  --yy-tom-rosa-fundo: #f7ddda;
  --yy-tom-rosa-tinta: #a42626;
  --yy-tom-ouro-fundo: #faecd7;
  --yy-tom-ouro-tinta: #a0602a;
  --yy-tom-azul-fundo: #e5eaf2;
  --yy-tom-azul-tinta: #4a5f86;
  --yy-tom-verde-fundo: #e9f1e6;
  --yy-tom-verde-tinta: #4d7a50;
  --yy-tom-pessego-fundo: #f9e5d9;
  --yy-tom-pessego-tinta: #a42626;
  --yy-tom-roxo-fundo: #f7ddda;
  --yy-tom-roxo-tinta: #774356;
  --yy-cartao-hover-sombra: 0 8px 18px #3a2a2c26;
  --yy-anel-foco: #9d2c3e;
}

:is(html, body)[data-tema="matcha"] {
  color-scheme: light;
  --yy-papel: #fcfdf7;
  --yy-cartao: #fcfdf7;
  --yy-tinta: #2b3220;
  --yy-tinta-suave: #5c664a;
  --yy-linha: #d8dfc4;
  --yy-principal-topo: #5f7a2a;
  --yy-principal-base: #46601a;
  --yy-principal-borda: #46601a;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fcfdf7;
  --yy-secundario-base: #e9efd8;
  --yy-secundario-borda: #cdd6b4;
  --yy-secundario-texto: #2b3220;
  --yy-perigo: #46601a;
  --yy-texto-destaque: #46601a;
  --yy-rotulo-texto: #4b543b;
  --yy-caixa-fundo: #fcfdf7;
  --yy-caixa-borda: #d8dfc4;
  --yy-caixa-texto: #2b3220;
  --yy-caixa-leitura: #e9efd8;
  --yy-menu-atual: #5f7a2a;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #e6ecd6;
  --yy-aba-borda: #cdd6b4;
  --yy-aba-texto: #3b4a1c;
  --yy-aba-atual-topo: #5f7a2a;
  --yy-aba-atual-base: #46601a;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #e9efd8;
  --yy-grade-cabecalho-texto: #2b3220;
  --yy-grade-texto: #2b3220;
  --yy-grade-linha-impar: #fcfdf7;
  --yy-grade-linha-par: #f1f5e4;
  --yy-grade-linha-foco: #e8efd6;
  --yy-grade-linha-selecionada: #e0e9c8;
  --yy-grade-borda: #d8dfc4;
  --yy-grade-pagina-atual: #46601a;
  --yy-pagina-fundo: #f3f5ec;
  --yy-pagina-fundo-alto: #fcfdf7;
  --yy-barra-fundo: #e6ecd6;
  --yy-barra-borda: #cdd6b4;
  --yy-barra-texto: #3b4a1c;
  --yy-tela: #fcfdf7;
  --yy-selecao: #e0e9c8;
  --yy-cartao-fundo: #fcfdf7;
  --yy-cartao-borda: #d8dfc4;
  --yy-cartao-raio: 8px;
  --yy-cartao-sombra: 0 2px 8px #5f7a2a12;
  --yy-cartao-sombra-grupo: 0 2px 8px #5f7a2a12;
  --yy-cartao-rodape: #e9efd8;
  --yy-cartao-divisor: #d8dfc4;
  --yy-cartao-hover: #f2f6e7;
  --yy-cartao-hover-rodape: #e0e9c8;
  --yy-cartao-fim-compacto: #fcfdf7;
  --yy-cartao-fim-largo: #fcfdf7;
  --yy-cartao-titulo: #2b3220;
  --yy-cartao-texto: #5c664a;
  --yy-tom-rosa-fundo: #e6ecd6;
  --yy-tom-rosa-tinta: #46601a;
  --yy-tom-ouro-fundo: #f3eed2;
  --yy-tom-ouro-tinta: #7a6a1f;
  --yy-tom-azul-fundo: #e1ece6;
  --yy-tom-azul-tinta: #2f6b58;
  --yy-tom-verde-fundo: #e2eccf;
  --yy-tom-verde-tinta: #4d7a2a;
  --yy-tom-pessego-fundo: #ededd4;
  --yy-tom-pessego-tinta: #46601a;
  --yy-tom-roxo-fundo: #e6ecd6;
  --yy-tom-roxo-tinta: #3b6639;
  --yy-cartao-hover-sombra: 0 8px 18px #2b322026;
  --yy-anel-foco: #46601a;
}

:is(html, body)[data-tema="indigo"] {
  color-scheme: light;
  --yy-papel: #fbfcff;
  --yy-cartao: #fbfcff;
  --yy-tinta: #1e2438;
  --yy-tinta-suave: #515b76;
  --yy-linha: #c9d2e4;
  --yy-principal-topo: #233a73;
  --yy-principal-base: #16275a;
  --yy-principal-borda: #16275a;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fbfcff;
  --yy-secundario-base: #e3e9f4;
  --yy-secundario-borda: #bcc8de;
  --yy-secundario-texto: #1e2438;
  --yy-perigo: #16275a;
  --yy-texto-destaque: #16275a;
  --yy-rotulo-texto: #3b435b;
  --yy-caixa-fundo: #fbfcff;
  --yy-caixa-borda: #c9d2e4;
  --yy-caixa-texto: #1e2438;
  --yy-caixa-leitura: #e3e9f4;
  --yy-menu-atual: #233a73;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #dde4f0;
  --yy-aba-borda: #bcc8de;
  --yy-aba-texto: #1c2f5e;
  --yy-aba-atual-topo: #233a73;
  --yy-aba-atual-base: #16275a;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #e3e9f4;
  --yy-grade-cabecalho-texto: #1e2438;
  --yy-grade-texto: #1e2438;
  --yy-grade-linha-impar: #fbfcff;
  --yy-grade-linha-par: #edf1f8;
  --yy-grade-linha-foco: #e1e8f5;
  --yy-grade-linha-selecionada: #d6dff0;
  --yy-grade-borda: #c9d2e4;
  --yy-grade-pagina-atual: #16275a;
  --yy-pagina-fundo: #eef1f6;
  --yy-pagina-fundo-alto: #fbfcff;
  --yy-barra-fundo: #dde4f0;
  --yy-barra-borda: #bcc8de;
  --yy-barra-texto: #1c2f5e;
  --yy-tela: #fbfcff;
  --yy-selecao: #d6dff0;
  --yy-cartao-fundo: #fbfcff;
  --yy-cartao-borda: #c9d2e4;
  --yy-cartao-raio: 6px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #e3e9f4;
  --yy-cartao-divisor: #c9d2e4;
  --yy-cartao-hover: #eef2fa;
  --yy-cartao-hover-rodape: #d6dff0;
  --yy-cartao-fim-compacto: #fbfcff;
  --yy-cartao-fim-largo: #fbfcff;
  --yy-cartao-titulo: #1e2438;
  --yy-cartao-texto: #515b76;
  --yy-tom-rosa-fundo: #dde4f0;
  --yy-tom-rosa-tinta: #233a73;
  --yy-tom-ouro-fundo: #efece2;
  --yy-tom-ouro-tinta: #7a6a3a;
  --yy-tom-azul-fundo: #d3dcee;
  --yy-tom-azul-tinta: #16275a;
  --yy-tom-verde-fundo: #dfeeee;
  --yy-tom-verde-tinta: #2c6b6b;
  --yy-tom-pessego-fundo: #e6e8e9;
  --yy-tom-pessego-tinta: #233a73;
  --yy-tom-roxo-fundo: #dde4f0;
  --yy-tom-roxo-tinta: #1d3167;
  --yy-cartao-hover-sombra: 0 8px 18px #1e243826;
  --yy-anel-foco: #16275a;
}

:is(html, body)[data-tema="sumi"] {
  color-scheme: light;
  --yy-papel: #fcfbf8;
  --yy-cartao: #fcfbf8;
  --yy-tinta: #1c1c1c;
  --yy-tinta-suave: #5d584e;
  --yy-linha: #d6d1c4;
  --yy-principal-topo: #1f1f1f;
  --yy-principal-base: #000000;
  --yy-principal-borda: #000000;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fcfbf8;
  --yy-secundario-base: #ece8de;
  --yy-secundario-borda: #cfc9ba;
  --yy-secundario-texto: #1c1c1c;
  --yy-perigo: #000000;
  --yy-texto-destaque: #000000;
  --yy-rotulo-texto: #413e39;
  --yy-caixa-fundo: #fcfbf8;
  --yy-caixa-borda: #d6d1c4;
  --yy-caixa-texto: #1c1c1c;
  --yy-caixa-leitura: #ece8de;
  --yy-menu-atual: #1f1f1f;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #e8e4da;
  --yy-aba-borda: #cfc9ba;
  --yy-aba-texto: #1a1a1a;
  --yy-aba-atual-topo: #1f1f1f;
  --yy-aba-atual-base: #000000;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #ece8de;
  --yy-grade-cabecalho-texto: #1c1c1c;
  --yy-grade-texto: #1c1c1c;
  --yy-grade-linha-impar: #fcfbf8;
  --yy-grade-linha-par: #f2f0e8;
  --yy-grade-linha-foco: #e9e5da;
  --yy-grade-linha-selecionada: #e1dccd;
  --yy-grade-borda: #d6d1c4;
  --yy-grade-pagina-atual: #000000;
  --yy-pagina-fundo: #f1efe9;
  --yy-pagina-fundo-alto: #fcfbf8;
  --yy-barra-fundo: #e8e4da;
  --yy-barra-borda: #cfc9ba;
  --yy-barra-texto: #1a1a1a;
  --yy-tela: #fcfbf8;
  --yy-selecao: #e1dccd;
  --yy-cartao-fundo: #fcfbf8;
  --yy-cartao-borda: #d6d1c4;
  --yy-cartao-raio: 2px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #ece8de;
  --yy-cartao-divisor: #d6d1c4;
  --yy-cartao-hover: #f3f0e9;
  --yy-cartao-hover-rodape: #e1dccd;
  --yy-cartao-fim-compacto: #fcfbf8;
  --yy-cartao-fim-largo: #fcfbf8;
  --yy-cartao-titulo: #1c1c1c;
  --yy-cartao-texto: #5d584e;
  --yy-tom-rosa-fundo: #e8e4da;
  --yy-tom-rosa-tinta: #1f1f1f;
  --yy-tom-ouro-fundo: #efe8d4;
  --yy-tom-ouro-tinta: #6b5a2a;
  --yy-tom-azul-fundo: #e0e3e6;
  --yy-tom-azul-tinta: #2f3b44;
  --yy-tom-verde-fundo: #e4e8de;
  --yy-tom-verde-tinta: #3a4631;
  --yy-tom-pessego-fundo: #ece6d7;
  --yy-tom-pessego-tinta: #1f1f1f;
  --yy-tom-roxo-fundo: #e8e4da;
  --yy-tom-roxo-tinta: #272d32;
  --yy-cartao-hover-sombra: 0 8px 18px #1c1c1c26;
  --yy-anel-foco: #000000;
}

:is(html, body)[data-tema="laca"] {
  color-scheme: light;
  --yy-papel: #fffaf1;
  --yy-cartao: #fffaf1;
  --yy-tinta: #2f1a14;
  --yy-tinta-suave: #71574b;
  --yy-linha: #e6cfae;
  --yy-principal-topo: #a31515;
  --yy-principal-base: #7a0c0c;
  --yy-principal-borda: #7a0c0c;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fffaf1;
  --yy-secundario-base: #f6e6c8;
  --yy-secundario-borda: #5a0c0c;
  --yy-secundario-texto: #2f1a14;
  --yy-perigo: #7a0c0c;
  --yy-texto-destaque: #7a0c0c;
  --yy-rotulo-texto: #553d33;
  --yy-caixa-fundo: #fffaf1;
  --yy-caixa-borda: #e6cfae;
  --yy-caixa-texto: #2f1a14;
  --yy-caixa-leitura: #f6e6c8;
  --yy-menu-atual: #a31515;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #7a1414;
  --yy-aba-borda: #5a0c0c;
  --yy-aba-texto: #f6e2b0;
  --yy-aba-atual-topo: #a31515;
  --yy-aba-atual-base: #7a0c0c;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #f6e6c8;
  --yy-grade-cabecalho-texto: #2f1a14;
  --yy-grade-texto: #2f1a14;
  --yy-grade-linha-impar: #fffaf1;
  --yy-grade-linha-par: #faeed8;
  --yy-grade-linha-foco: #f6e5c4;
  --yy-grade-linha-selecionada: #f2dcb0;
  --yy-grade-borda: #e6cfae;
  --yy-grade-pagina-atual: #7a0c0c;
  --yy-pagina-fundo: #f8efe4;
  --yy-pagina-fundo-alto: #fffaf1;
  --yy-barra-fundo: #7a1414;
  --yy-barra-borda: #5a0c0c;
  --yy-barra-texto: #f6e2b0;
  --yy-tela: #fffaf1;
  --yy-selecao: #f2dcb0;
  --yy-cartao-fundo: #fffaf1;
  --yy-cartao-borda: #e6cfae;
  --yy-cartao-raio: 6px;
  --yy-cartao-sombra: 0 3px 10px #7a141418;
  --yy-cartao-sombra-grupo: 0 3px 10px #7a141418;
  --yy-cartao-rodape: #f6e6c8;
  --yy-cartao-divisor: #e6cfae;
  --yy-cartao-hover: #faf0da;
  --yy-cartao-hover-rodape: #f2dcb0;
  --yy-cartao-fim-compacto: #fffaf1;
  --yy-cartao-fim-largo: #fffaf1;
  --yy-cartao-titulo: #2f1a14;
  --yy-cartao-texto: #71574b;
  --yy-tom-rosa-fundo: #f6e0d8;
  --yy-tom-rosa-tinta: #a31515;
  --yy-tom-ouro-fundo: #f7e5b5;
  --yy-tom-ouro-tinta: #8a6410;
  --yy-tom-azul-fundo: #efe6d4;
  --yy-tom-azul-tinta: #5a3a1a;
  --yy-tom-verde-fundo: #ece8d0;
  --yy-tom-verde-tinta: #6b5a1a;
  --yy-tom-pessego-fundo: #f7e3c7;
  --yy-tom-pessego-tinta: #a31515;
  --yy-tom-roxo-fundo: #f6e0d8;
  --yy-tom-roxo-tinta: #7f2818;
  --yy-cartao-hover-sombra: 0 8px 18px #2f1a1426;
  --yy-anel-foco: #7a0c0c;
}

:is(html, body)[data-tema="bambu"] {
  color-scheme: light;
  --yy-papel: #fdfef9;
  --yy-cartao: #fdfef9;
  --yy-tinta: #26301f;
  --yy-tinta-suave: #57634a;
  --yy-linha: #d2dcbb;
  --yy-principal-topo: #4c7a3a;
  --yy-principal-base: #375c28;
  --yy-principal-borda: #375c28;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fdfef9;
  --yy-secundario-base: #e6eed6;
  --yy-secundario-borda: #c2d0a6;
  --yy-secundario-texto: #26301f;
  --yy-perigo: #375c28;
  --yy-texto-destaque: #375c28;
  --yy-rotulo-texto: #46513b;
  --yy-caixa-fundo: #fdfef9;
  --yy-caixa-borda: #d2dcbb;
  --yy-caixa-texto: #26301f;
  --yy-caixa-leitura: #e6eed6;
  --yy-menu-atual: #4c7a3a;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #dfe8cf;
  --yy-aba-borda: #c2d0a6;
  --yy-aba-texto: #2f4a22;
  --yy-aba-atual-topo: #4c7a3a;
  --yy-aba-atual-base: #375c28;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #e6eed6;
  --yy-grade-cabecalho-texto: #26301f;
  --yy-grade-texto: #26301f;
  --yy-grade-linha-impar: #fdfef9;
  --yy-grade-linha-par: #eff4e4;
  --yy-grade-linha-foco: #e4edd1;
  --yy-grade-linha-selecionada: #d9e6c0;
  --yy-grade-borda: #d2dcbb;
  --yy-grade-pagina-atual: #375c28;
  --yy-pagina-fundo: #f4f6ee;
  --yy-pagina-fundo-alto: #fdfef9;
  --yy-barra-fundo: #dfe8cf;
  --yy-barra-borda: #c2d0a6;
  --yy-barra-texto: #2f4a22;
  --yy-tela: #fdfef9;
  --yy-selecao: #d9e6c0;
  --yy-cartao-fundo: #fdfef9;
  --yy-cartao-borda: #d2dcbb;
  --yy-cartao-raio: 8px;
  --yy-cartao-sombra: 0 2px 8px #4c7a3a10;
  --yy-cartao-sombra-grupo: 0 2px 8px #4c7a3a10;
  --yy-cartao-rodape: #e6eed6;
  --yy-cartao-divisor: #d2dcbb;
  --yy-cartao-hover: #f0f6e5;
  --yy-cartao-hover-rodape: #d9e6c0;
  --yy-cartao-fim-compacto: #fdfef9;
  --yy-cartao-fim-largo: #fdfef9;
  --yy-cartao-titulo: #26301f;
  --yy-cartao-texto: #57634a;
  --yy-tom-rosa-fundo: #e6f0d8;
  --yy-tom-rosa-tinta: #375c28;
  --yy-tom-ouro-fundo: #f1efcf;
  --yy-tom-ouro-tinta: #7d7424;
  --yy-tom-azul-fundo: #dcece2;
  --yy-tom-azul-tinta: #2f6b4f;
  --yy-tom-verde-fundo: #e4eed2;
  --yy-tom-verde-tinta: #4c7a3a;
  --yy-tom-pessego-fundo: #ecf0d4;
  --yy-tom-pessego-tinta: #375c28;
  --yy-tom-roxo-fundo: #e6f0d8;
  --yy-tom-roxo-tinta: #33643c;
  --yy-cartao-hover-sombra: 0 8px 18px #26301f26;
  --yy-anel-foco: #375c28;
}

:is(html, body)[data-tema="ume"] {
  color-scheme: light;
  --yy-papel: #ffffff;
  --yy-cartao: #ffffff;
  --yy-tinta: #2f2433;
  --yy-tinta-suave: #66556c;
  --yy-linha: #dccfe0;
  --yy-principal-topo: #74397b;
  --yy-principal-base: #55275c;
  --yy-principal-borda: #55275c;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #ffffff;
  --yy-secundario-base: #eee4f1;
  --yy-secundario-borda: #d9c8de;
  --yy-secundario-texto: #2f2433;
  --yy-perigo: #55275c;
  --yy-texto-destaque: #55275c;
  --yy-rotulo-texto: #4f4054;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #dccfe0;
  --yy-caixa-texto: #2f2433;
  --yy-caixa-leitura: #eee4f1;
  --yy-menu-atual: #74397b;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #eee4f1;
  --yy-aba-borda: #d9c8de;
  --yy-aba-texto: #4f2656;
  --yy-aba-atual-topo: #74397b;
  --yy-aba-atual-base: #55275c;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #eee4f1;
  --yy-grade-cabecalho-texto: #2f2433;
  --yy-grade-texto: #2f2433;
  --yy-grade-linha-impar: #ffffff;
  --yy-grade-linha-par: #f5eff7;
  --yy-grade-linha-foco: #efe4f2;
  --yy-grade-linha-selecionada: #e8d8ec;
  --yy-grade-borda: #dccfe0;
  --yy-grade-pagina-atual: #55275c;
  --yy-pagina-fundo: #f6f1f7;
  --yy-pagina-fundo-alto: #ffffff;
  --yy-barra-fundo: #eee4f1;
  --yy-barra-borda: #d9c8de;
  --yy-barra-texto: #4f2656;
  --yy-tela: #ffffff;
  --yy-selecao: #e8d8ec;
  --yy-cartao-fundo: #ffffff;
  --yy-cartao-borda: #dccfe0;
  --yy-cartao-raio: 8px;
  --yy-cartao-sombra: 0 2px 8px #74397b12;
  --yy-cartao-sombra-grupo: 0 2px 8px #74397b12;
  --yy-cartao-rodape: #eee4f1;
  --yy-cartao-divisor: #dccfe0;
  --yy-cartao-hover: #f7f1f8;
  --yy-cartao-hover-rodape: #e8d8ec;
  --yy-cartao-fim-compacto: #ffffff;
  --yy-cartao-fim-largo: #ffffff;
  --yy-cartao-titulo: #2f2433;
  --yy-cartao-texto: #66556c;
  --yy-tom-rosa-fundo: #eee4f1;
  --yy-tom-rosa-tinta: #74397b;
  --yy-tom-ouro-fundo: #f6e6ee;
  --yy-tom-ouro-tinta: #8c3f62;
  --yy-tom-azul-fundo: #e6e4f3;
  --yy-tom-azul-tinta: #463a85;
  --yy-tom-verde-fundo: #e8eee8;
  --yy-tom-verde-tinta: #3f6b4a;
  --yy-tom-pessego-fundo: #f2e5f0;
  --yy-tom-pessego-tinta: #74397b;
  --yy-tom-roxo-fundo: #eee4f1;
  --yy-tom-roxo-tinta: #5d3a80;
  --yy-cartao-hover-sombra: 0 8px 18px #2f243326;
  --yy-anel-foco: #55275c;
}

:is(html, body)[data-tema="petroleo"] {
  color-scheme: light;
  --yy-papel: #ffffff;
  --yy-cartao: #ffffff;
  --yy-tinta: #1f2d39;
  --yy-tinta-suave: #51626f;
  --yy-linha: #c5d5e0;
  --yy-principal-topo: #144265;
  --yy-principal-base: #0a2a46;
  --yy-principal-borda: #0a2a46;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #ffffff;
  --yy-secundario-base: #dcebf4;
  --yy-secundario-borda: #c5d5e0;
  --yy-secundario-texto: #1f2d39;
  --yy-perigo: #0a2a46;
  --yy-texto-destaque: #0a2a46;
  --yy-rotulo-texto: #3c4b58;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #c5d5e0;
  --yy-caixa-texto: #1f2d39;
  --yy-caixa-leitura: #dcebf4;
  --yy-menu-atual: #144265;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #dcebf4;
  --yy-aba-borda: #c5d5e0;
  --yy-aba-texto: #0a2a46;
  --yy-aba-atual-topo: #144265;
  --yy-aba-atual-base: #0a2a46;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #dcebf4;
  --yy-grade-cabecalho-texto: #1f2d39;
  --yy-grade-texto: #1f2d39;
  --yy-grade-linha-impar: #ffffff;
  --yy-grade-linha-par: #eaf3f8;
  --yy-grade-linha-foco: #e4f1f9;
  --yy-grade-linha-selecionada: #d8ebf7;
  --yy-grade-borda: #c5d5e0;
  --yy-grade-pagina-atual: #0a2a46;
  --yy-pagina-fundo: #eff6fa;
  --yy-pagina-fundo-alto: #ffffff;
  --yy-barra-fundo: #dcebf4;
  --yy-barra-borda: #c5d5e0;
  --yy-barra-texto: #0a2a46;
  --yy-tela: #ffffff;
  --yy-selecao: #d8ebf7;
  --yy-cartao-fundo: #ffffff;
  --yy-cartao-borda: #c5d5e0;
  --yy-cartao-raio: 6px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #dcebf4;
  --yy-cartao-divisor: #c5d5e0;
  --yy-cartao-hover: #f1f8fc;
  --yy-cartao-hover-rodape: #d8ebf7;
  --yy-cartao-fim-compacto: #ffffff;
  --yy-cartao-fim-largo: #ffffff;
  --yy-cartao-titulo: #1f2d39;
  --yy-cartao-texto: #51626f;
  --yy-tom-rosa-fundo: #dcebf4;
  --yy-tom-rosa-tinta: #144265;
  --yy-tom-ouro-fundo: #e4eef3;
  --yy-tom-ouro-tinta: #2d6a8a;
  --yy-tom-azul-fundo: #d8e8ef;
  --yy-tom-azul-tinta: #0a2a46;
  --yy-tom-verde-fundo: #e0efee;
  --yy-tom-verde-tinta: #2d7a5c;
  --yy-tom-pessego-fundo: #e0edf4;
  --yy-tom-pessego-tinta: #144265;
  --yy-tom-roxo-fundo: #dcebf4;
  --yy-tom-roxo-tinta: #0f3656;
  --yy-cartao-hover-sombra: 0 8px 18px #1f2d3926;
  --yy-anel-foco: #0a2a46;
}

:is(html, body)[data-tema="floresta"] {
  color-scheme: light;
  --yy-papel: #ffffff;
  --yy-cartao: #ffffff;
  --yy-tinta: #282828;
  --yy-tinta-suave: #5c5c5c;
  --yy-linha: #cdd2cf;
  --yy-principal-topo: #285d48;
  --yy-principal-base: #1f4938;
  --yy-principal-borda: #1f4938;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #ffffff;
  --yy-secundario-base: #e2eee8;
  --yy-secundario-borda: #cdd2cf;
  --yy-secundario-texto: #282828;
  --yy-perigo: #1f4938;
  --yy-texto-destaque: #1f4938;
  --yy-rotulo-texto: #424242;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #cdd2cf;
  --yy-caixa-texto: #282828;
  --yy-caixa-leitura: #e2eee8;
  --yy-menu-atual: #285d48;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #e2eee8;
  --yy-aba-borda: #cdd2cf;
  --yy-aba-texto: #1f4938;
  --yy-aba-atual-topo: #285d48;
  --yy-aba-atual-base: #1f4938;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #e2eee8;
  --yy-grade-cabecalho-texto: #282828;
  --yy-grade-texto: #282828;
  --yy-grade-linha-impar: #ffffff;
  --yy-grade-linha-par: #eef5f1;
  --yy-grade-linha-foco: #e4f0ea;
  --yy-grade-linha-selecionada: #d8eae1;
  --yy-grade-borda: #cdd2cf;
  --yy-grade-pagina-atual: #1f4938;
  --yy-pagina-fundo: #f5f7f6;
  --yy-pagina-fundo-alto: #ffffff;
  --yy-barra-fundo: #e2eee8;
  --yy-barra-borda: #cdd2cf;
  --yy-barra-texto: #1f4938;
  --yy-tela: #ffffff;
  --yy-selecao: #d8eae1;
  --yy-cartao-fundo: #ffffff;
  --yy-cartao-borda: #cdd2cf;
  --yy-cartao-raio: 6px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #e2eee8;
  --yy-cartao-divisor: #cdd2cf;
  --yy-cartao-hover: #f1f8f5;
  --yy-cartao-hover-rodape: #d8eae1;
  --yy-cartao-fim-compacto: #ffffff;
  --yy-cartao-fim-largo: #ffffff;
  --yy-cartao-titulo: #282828;
  --yy-cartao-texto: #5c5c5c;
  --yy-tom-rosa-fundo: #e2eee8;
  --yy-tom-rosa-tinta: #285d48;
  --yy-tom-ouro-fundo: #eef0e5;
  --yy-tom-ouro-tinta: #5d6b2a;
  --yy-tom-azul-fundo: #e2eceb;
  --yy-tom-azul-tinta: #2a6a6a;
  --yy-tom-verde-fundo: #e8f1e4;
  --yy-tom-verde-tinta: #2f6b3a;
  --yy-tom-pessego-fundo: #e8efe7;
  --yy-tom-pessego-tinta: #285d48;
  --yy-tom-roxo-fundo: #e2eee8;
  --yy-tom-roxo-tinta: #296459;
  --yy-cartao-hover-sombra: 0 8px 18px #28282826;
  --yy-anel-foco: #1f4938;
}

:is(html, body)[data-tema="safira"] {
  color-scheme: light;
  --yy-papel: #ffffff;
  --yy-cartao: #ffffff;
  --yy-tinta: #202a38;
  --yy-tinta-suave: #606a78;
  --yy-linha: #cdd8e5;
  --yy-principal-topo: #1b4f8e;
  --yy-principal-base: #133968;
  --yy-principal-borda: #133968;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #ffffff;
  --yy-secundario-base: #ebf3fc;
  --yy-secundario-borda: #cdd8e5;
  --yy-secundario-texto: #202a38;
  --yy-perigo: #133968;
  --yy-texto-destaque: #133968;
  --yy-rotulo-texto: #404a58;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #cdd8e5;
  --yy-caixa-texto: #202a38;
  --yy-caixa-leitura: #ebf3fc;
  --yy-menu-atual: #1b4f8e;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #ebf3fc;
  --yy-aba-borda: #cdd8e5;
  --yy-aba-texto: #133968;
  --yy-aba-atual-topo: #1b4f8e;
  --yy-aba-atual-base: #133968;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #ebf3fc;
  --yy-grade-cabecalho-texto: #202a38;
  --yy-grade-texto: #202a38;
  --yy-grade-linha-impar: #ffffff;
  --yy-grade-linha-par: #f3f8fd;
  --yy-grade-linha-foco: #eaf2fc;
  --yy-grade-linha-selecionada: #e1edfb;
  --yy-grade-borda: #cdd8e5;
  --yy-grade-pagina-atual: #133968;
  --yy-pagina-fundo: #f7f9fc;
  --yy-pagina-fundo-alto: #ffffff;
  --yy-barra-fundo: #ebf3fc;
  --yy-barra-borda: #cdd8e5;
  --yy-barra-texto: #133968;
  --yy-tela: #ffffff;
  --yy-selecao: #e1edfb;
  --yy-cartao-fundo: #ffffff;
  --yy-cartao-borda: #cdd8e5;
  --yy-cartao-raio: 6px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #ebf3fc;
  --yy-cartao-divisor: #cdd8e5;
  --yy-cartao-hover: #f5f9fe;
  --yy-cartao-hover-rodape: #e1edfb;
  --yy-cartao-fim-compacto: #ffffff;
  --yy-cartao-fim-largo: #ffffff;
  --yy-cartao-titulo: #202a38;
  --yy-cartao-texto: #606a78;
  --yy-tom-rosa-fundo: #ebf3fc;
  --yy-tom-rosa-tinta: #1b4f8e;
  --yy-tom-ouro-fundo: #f2eee2;
  --yy-tom-ouro-tinta: #86661a;
  --yy-tom-azul-fundo: #e1edfb;
  --yy-tom-azul-tinta: #133968;
  --yy-tom-verde-fundo: #e4f2ea;
  --yy-tom-verde-tinta: #247a4d;
  --yy-tom-pessego-fundo: #eff1ef;
  --yy-tom-pessego-tinta: #1b4f8e;
  --yy-tom-roxo-fundo: #ebf3fc;
  --yy-tom-roxo-tinta: #17447b;
  --yy-cartao-hover-sombra: 0 8px 18px #202a3826;
  --yy-anel-foco: #133968;
}

:is(html, body)[data-tema="ambar"] {
  color-scheme: light;
  --yy-papel: #fffdf6;
  --yy-cartao: #fffdf6;
  --yy-tinta: #33291a;
  --yy-tinta-suave: #6a5b43;
  --yy-linha: #e6d9bd;
  --yy-principal-topo: #b8741a;
  --yy-principal-base: #8b5410;
  --yy-principal-borda: #8b5410;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fffdf6;
  --yy-secundario-base: #faebcd;
  --yy-secundario-borda: #e6cf9f;
  --yy-secundario-texto: #33291a;
  --yy-perigo: #8b5410;
  --yy-texto-destaque: #8b5410;
  --yy-rotulo-texto: #574a35;
  --yy-caixa-fundo: #fffdf6;
  --yy-caixa-borda: #e6d9bd;
  --yy-caixa-texto: #33291a;
  --yy-caixa-leitura: #faebcd;
  --yy-menu-atual: #b8741a;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #faebcd;
  --yy-aba-borda: #e6cf9f;
  --yy-aba-texto: #6b4410;
  --yy-aba-atual-topo: #b8741a;
  --yy-aba-atual-base: #8b5410;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #faebcd;
  --yy-grade-cabecalho-texto: #33291a;
  --yy-grade-texto: #33291a;
  --yy-grade-linha-impar: #fffdf6;
  --yy-grade-linha-par: #fcf2dd;
  --yy-grade-linha-foco: #f7e9c5;
  --yy-grade-linha-selecionada: #f3e0b0;
  --yy-grade-borda: #e6d9bd;
  --yy-grade-pagina-atual: #8b5410;
  --yy-pagina-fundo: #fbf4e4;
  --yy-pagina-fundo-alto: #fffdf6;
  --yy-barra-fundo: #faebcd;
  --yy-barra-borda: #e6cf9f;
  --yy-barra-texto: #6b4410;
  --yy-tela: #fffdf6;
  --yy-selecao: #f3e0b0;
  --yy-cartao-fundo: #fffdf6;
  --yy-cartao-borda: #e6d9bd;
  --yy-cartao-raio: 10px;
  --yy-cartao-sombra: 0 3px 8px #8b591c10;
  --yy-cartao-sombra-grupo: 0 3px 8px #8b591c10;
  --yy-cartao-rodape: #faebcd;
  --yy-cartao-divisor: #e6d9bd;
  --yy-cartao-hover: #fbf3de;
  --yy-cartao-hover-rodape: #f3e0b0;
  --yy-cartao-fim-compacto: #fffdf6;
  --yy-cartao-fim-largo: #fffdf6;
  --yy-cartao-titulo: #33291a;
  --yy-cartao-texto: #6a5b43;
  --yy-tom-rosa-fundo: #f7e0c8;
  --yy-tom-rosa-tinta: #a33b29;
  --yy-tom-ouro-fundo: #faebcd;
  --yy-tom-ouro-tinta: #8b591c;
  --yy-tom-azul-fundo: #f3ecd0;
  --yy-tom-azul-tinta: #6b5a1a;
  --yy-tom-verde-fundo: #eef0dc;
  --yy-tom-verde-tinta: #5d6b2a;
  --yy-tom-pessego-fundo: #f9e6cb;
  --yy-tom-pessego-tinta: #a33b29;
  --yy-tom-roxo-fundo: #f7e0c8;
  --yy-tom-roxo-tinta: #874b22;
  --yy-cartao-hover-sombra: 0 8px 18px #33291a26;
  --yy-anel-foco: #8b5410;
}

:is(html, body)[data-tema="grafite"] {
  color-scheme: light;
  --yy-papel: #ffffff;
  --yy-cartao: #ffffff;
  --yy-tinta: #222222;
  --yy-tinta-suave: #5e5e5e;
  --yy-linha: #cccccc;
  --yy-principal-topo: #3b3b3b;
  --yy-principal-base: #222222;
  --yy-principal-borda: #222222;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #ffffff;
  --yy-secundario-base: #ececec;
  --yy-secundario-borda: #c4c4c4;
  --yy-secundario-texto: #222222;
  --yy-perigo: #222222;
  --yy-texto-destaque: #222222;
  --yy-rotulo-texto: #444444;
  --yy-caixa-fundo: #ffffff;
  --yy-caixa-borda: #cccccc;
  --yy-caixa-texto: #222222;
  --yy-caixa-leitura: #ececec;
  --yy-menu-atual: #3b3b3b;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #e0e0e0;
  --yy-aba-borda: #c4c4c4;
  --yy-aba-texto: #2b2b2b;
  --yy-aba-atual-topo: #3b3b3b;
  --yy-aba-atual-base: #222222;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #ececec;
  --yy-grade-cabecalho-texto: #222222;
  --yy-grade-texto: #222222;
  --yy-grade-linha-impar: #ffffff;
  --yy-grade-linha-par: #f4f4f4;
  --yy-grade-linha-foco: #e7e7e7;
  --yy-grade-linha-selecionada: #dcdcdc;
  --yy-grade-borda: #cccccc;
  --yy-grade-pagina-atual: #222222;
  --yy-pagina-fundo: #eeeeee;
  --yy-pagina-fundo-alto: #ffffff;
  --yy-barra-fundo: #e0e0e0;
  --yy-barra-borda: #c4c4c4;
  --yy-barra-texto: #2b2b2b;
  --yy-tela: #ffffff;
  --yy-selecao: #dcdcdc;
  --yy-cartao-fundo: #ffffff;
  --yy-cartao-borda: #cccccc;
  --yy-cartao-raio: 4px;
  --yy-cartao-sombra: none;
  --yy-cartao-sombra-grupo: none;
  --yy-cartao-rodape: #ececec;
  --yy-cartao-divisor: #cccccc;
  --yy-cartao-hover: #f3f3f3;
  --yy-cartao-hover-rodape: #dcdcdc;
  --yy-cartao-fim-compacto: #ffffff;
  --yy-cartao-fim-largo: #ffffff;
  --yy-cartao-titulo: #222222;
  --yy-cartao-texto: #5e5e5e;
  --yy-tom-rosa-fundo: #e4e4e4;
  --yy-tom-rosa-tinta: #333333;
  --yy-tom-ouro-fundo: #ebe6dc;
  --yy-tom-ouro-tinta: #5e5240;
  --yy-tom-azul-fundo: #e1e6ea;
  --yy-tom-azul-tinta: #3a4b57;
  --yy-tom-verde-fundo: #e2e8e2;
  --yy-tom-verde-tinta: #3b4f3b;
  --yy-tom-pessego-fundo: #e8e5e0;
  --yy-tom-pessego-tinta: #333333;
  --yy-tom-roxo-fundo: #e4e4e4;
  --yy-tom-roxo-tinta: #373f45;
  --yy-cartao-hover-sombra: 0 8px 18px #22222226;
  --yy-anel-foco: #222222;
}

:is(html, body)[data-tema="terracota"] {
  color-scheme: light;
  --yy-papel: #fffaf6;
  --yy-cartao: #fffaf6;
  --yy-tinta: #36241c;
  --yy-tinta-suave: #6d5448;
  --yy-linha: #e6cdbb;
  --yy-principal-topo: #b5472b;
  --yy-principal-base: #8f3118;
  --yy-principal-borda: #8f3118;
  --yy-principal-texto: #ffffff;
  --yy-secundario-topo: #fffaf6;
  --yy-secundario-base: #f6e5d9;
  --yy-secundario-borda: #ddb9a0;
  --yy-secundario-texto: #36241c;
  --yy-perigo: #8f3118;
  --yy-texto-destaque: #8f3118;
  --yy-rotulo-texto: #5a4439;
  --yy-caixa-fundo: #fffaf6;
  --yy-caixa-borda: #e6cdbb;
  --yy-caixa-texto: #36241c;
  --yy-caixa-leitura: #f6e5d9;
  --yy-menu-atual: #b5472b;
  --yy-menu-atual-texto: #ffffff;
  --yy-aba-fundo: #f1dbcc;
  --yy-aba-borda: #ddb9a0;
  --yy-aba-texto: #7a2f1c;
  --yy-aba-atual-topo: #b5472b;
  --yy-aba-atual-base: #8f3118;
  --yy-aba-atual-texto: #ffffff;
  --yy-grade-cabecalho: #f6e5d9;
  --yy-grade-cabecalho-texto: #36241c;
  --yy-grade-texto: #36241c;
  --yy-grade-linha-impar: #fffaf6;
  --yy-grade-linha-par: #faede5;
  --yy-grade-linha-foco: #f5dece;
  --yy-grade-linha-selecionada: #f0d2bd;
  --yy-grade-borda: #e6cdbb;
  --yy-grade-pagina-atual: #8f3118;
  --yy-pagina-fundo: #f6ece4;
  --yy-pagina-fundo-alto: #fffaf6;
  --yy-barra-fundo: #f1dbcc;
  --yy-barra-borda: #ddb9a0;
  --yy-barra-texto: #7a2f1c;
  --yy-tela: #fffaf6;
  --yy-selecao: #f0d2bd;
  --yy-cartao-fundo: #fffaf6;
  --yy-cartao-borda: #e6cdbb;
  --yy-cartao-raio: 8px;
  --yy-cartao-sombra: 0 3px 8px #a33b2912;
  --yy-cartao-sombra-grupo: 0 3px 8px #a33b2912;
  --yy-cartao-rodape: #f6e5d9;
  --yy-cartao-divisor: #e6cdbb;
  --yy-cartao-hover: #faece2;
  --yy-cartao-hover-rodape: #f0d2bd;
  --yy-cartao-fim-compacto: #fffaf6;
  --yy-cartao-fim-largo: #fffaf6;
  --yy-cartao-titulo: #36241c;
  --yy-cartao-texto: #6d5448;
  --yy-tom-rosa-fundo: #f1dbcc;
  --yy-tom-rosa-tinta: #a33b29;
  --yy-tom-ouro-fundo: #f8e6c8;
  --yy-tom-ouro-tinta: #8b591c;
  --yy-tom-azul-fundo: #e1e8e4;
  --yy-tom-azul-tinta: #35605a;
  --yy-tom-verde-fundo: #ecefdf;
  --yy-tom-verde-tinta: #66703a;
  --yy-tom-pessego-fundo: #f5e1ca;
  --yy-tom-pessego-tinta: #a33b29;
  --yy-tom-roxo-fundo: #f1dbcc;
  --yy-tom-roxo-tinta: #6c4e42;
  --yy-cartao-hover-sombra: 0 8px 18px #36241c26;
  --yy-anel-foco: #8f3118;
}

/* ===== REGRAS (escritas à mão; o gerador mantém tudo daqui para baixo) =====
   As variáveis vêm dos blocos acima. No tema Claro cada regra devolve exatamente o valor que já existia
   (style.css, modulos-telas.css), por isso o visual do Claro não muda. As regras com
   :where(body[data-tema]) não aumentam a especificidade; vencem pela ordem, por isso este arquivo vem por último. */

/* --- Cartão base: .approved-module e .internal-module-card (mesmas classes) --- */
:where(body[data-tema]) .approved-module { --tint: var(--yy-tom-rosa-fundo); --ink: var(--yy-tom-rosa-tinta); background: var(--yy-cartao-fundo); border-radius: var(--yy-cartao-raio); }
:where(body[data-tema]) .approved-module:not(.compact) { border-color: var(--yy-cartao-borda); box-shadow: var(--yy-cartao-sombra); }
:where(body[data-tema]) .approved-module.red { border-color: var(--yy-c-l-e4b9b1, #e4b9b1); } /* cartão vermelho (emergência): mantém a borda própria de atendimento-qr/emergencia.css, que também troca por tema */
body.theme-dark .recipe-search-stage { background-image: none; } /* a pintura de sakura da consulta de fichas não aparece nos temas escuros (regra antiga .theme-dark mantida) */
:where(body[data-tema]) .approved-module.gold { --tint: var(--yy-tom-ouro-fundo); --ink: var(--yy-tom-ouro-tinta); }
:where(body[data-tema]) .approved-module.peach { --tint: var(--yy-tom-pessego-fundo); --ink: var(--yy-tom-pessego-tinta); }
:where(body[data-tema]) .approved-module.blue { --tint: var(--yy-tom-azul-fundo); --ink: var(--yy-tom-azul-tinta); }
:where(body[data-tema]) .approved-module.green { --tint: var(--yy-tom-verde-fundo); --ink: var(--yy-tom-verde-tinta); }
:where(body[data-tema]) .approved-module.purple { --tint: var(--yy-tom-roxo-fundo); --ink: var(--yy-tom-roxo-tinta); }
:where(body[data-tema]) .modules-first .approved-module,
:where(body[data-tema]) .modules-last .approved-module { background: var(--yy-cartao-fundo); box-shadow: var(--yy-cartao-sombra-grupo); }
:where(body[data-tema]) .module-face:hover { background: var(--yy-cartao-hover); }
:where(body[data-tema]) .compact .module-face { background: linear-gradient(110deg, var(--tint), var(--yy-cartao-fim-compacto)); }
:where(body[data-tema]) .modules-last .module-face { background: linear-gradient(100deg, var(--tint), var(--yy-cartao-fim-largo)); }
:where(body[data-tema]) .modules-first .module-face,
:where(body[data-tema]) .modules-first .module-face:hover,
:where(body[data-tema]) .modules-first .module-copy { background-color: var(--yy-cartao-fundo); }
:where(body[data-tema]) .module-bottom { border-top-color: var(--yy-cartao-divisor); }
:where(body[data-tema]) .modules-first .module-bottom { background-color: var(--yy-cartao-rodape); }
:where(body[data-tema]) .module-bottom button { border-right-color: var(--yy-cartao-divisor); }
:where(body[data-tema]) .module-bottom button:hover { background: var(--yy-cartao-hover-rodape); }
:where(body[data-tema]) .module-copy h2 { color: var(--yy-cartao-titulo); }
:where(body[data-tema]) .module-copy p { color: var(--yy-cartao-texto); }

/* --- Barra padrão (BarraSistema): botões e caminho --- */
.navstrip #theme { white-space: nowrap; }
.yy-menu-temas { position: fixed; z-index: 300; min-width: 270px; max-height: calc(100vh - 90px); overflow: auto; padding: 6px; margin: 0;
  background: var(--yy-tela); color: var(--yy-tinta); border: 1px solid var(--yy-barra-borda); border-radius: 8px; box-shadow: 0 12px 32px #0003; }
.yy-menu-temas[hidden] { display: none; }
.yy-menu-temas__titulo { margin: 4px 8px 6px; font: 600 11px/1.2 Arial, Helvetica, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--yy-tinta-suave); }
.yy-menu-temas__item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent;
  color: var(--yy-tinta); font: 13px Arial, Helvetica, sans-serif; text-align: left; cursor: pointer; }
.yy-menu-temas__item:hover, .yy-menu-temas__item:focus-visible { background: var(--yy-selecao); outline: none; }
.yy-menu-temas__item:focus-visible { box-shadow: inset 0 0 0 2px var(--yy-principal-topo); }
.yy-menu-temas__item[aria-checked="true"] { font-weight: 700; }
.yy-menu-temas__amostra { display: inline-flex; flex: none; overflow: hidden; border: 1px solid var(--yy-barra-borda); border-radius: 4px; }
.yy-menu-temas__amostra i { display: block; width: 12px; height: 16px; }
.yy-menu-temas__nome { flex: 1; }
.yy-menu-temas__marca { width: 14px; text-align: center; color: var(--yy-principal-topo); }

/* --- Demais temas (o Claro mantém os estilos de sempre) --- */
html[data-tema]:not([data-tema="claro"]) { background: var(--yy-pagina-fundo); }
body[data-tema]:not([data-tema="claro"]) { background: radial-gradient(ellipse at top, var(--yy-pagina-fundo-alto), var(--yy-pagina-fundo)); color: var(--yy-tinta); }
body[data-tema]:not([data-tema="claro"]) .module-bottom { background-color: var(--yy-cartao-rodape); }
body[data-tema]:not([data-tema="claro"]) .topbar { border-bottom-color: var(--yy-principal-base); }
body[data-tema]:not([data-tema="claro"]) .navstrip { background: var(--yy-barra-fundo); border-bottom-color: var(--yy-barra-borda); color: var(--yy-barra-texto); box-shadow: none; }
body[data-tema]:not([data-tema="claro"]) .navstrip a { color: var(--yy-barra-texto); }
html body[data-tema]:not([data-tema="claro"]) #app .navstrip nav a, html body[data-tema]:not([data-tema="claro"]) #app .navstrip nav a:visited { color: var(--yy-barra-texto); }
body[data-tema]:not([data-tema="claro"]) .navstrip span { color: var(--yy-tinta-suave); }
body[data-tema]:not([data-tema="claro"]) .navstrip button { background: var(--yy-tela); border-color: var(--yy-barra-borda); color: var(--yy-tinta); }
body[data-tema]:not([data-tema="claro"]) .navstrip .modules-home,
body[data-tema]:not([data-tema="claro"]) .navstrip #theme { background: linear-gradient(var(--yy-principal-topo), var(--yy-principal-base)); border-color: var(--yy-principal-borda); color: var(--yy-principal-texto); }
body[data-tema]:not([data-tema="claro"]) .navstrip .module-layout-actions [aria-pressed="true"] { background: var(--yy-principal-base); border-color: var(--yy-principal-borda); color: var(--yy-principal-texto); }
body[data-tema]:not([data-tema="claro"]) .compact .approved-module,
body[data-tema]:not([data-tema="claro"]) .approved-module.compact { border-color: var(--yy-cartao-fundo); }
body[data-tema]:not([data-tema="claro"]) .modules-hero h1 { color: var(--yy-tinta); }
body[data-tema]:not([data-tema="claro"]) .modules-hero h1 em { color: var(--yy-texto-destaque); }
body[data-tema]:not([data-tema="claro"]) .modules-hero p { color: var(--yy-tinta-suave); }
body[data-tema]:not([data-tema="claro"]):not(.theme-dark)[data-module-screen] { --module-title-color: var(--yy-principal-base); }
body[data-tema]:not([data-tema="claro"]):not(.theme-dark)[data-module-screen] #app :is(.system-module-eyebrow, .system-module-heading .gt-eyebrow, .system-module-heading>.query-eyebrow, .system-module-heading>div>.query-eyebrow, .system-module-heading>div>small) { color: var(--yy-tinta-suave); }
body[data-tema]:not([data-tema="claro"]):not(.theme-dark)[data-module-screen] #app :is(.system-module-heading>div>p, .system-module-heading>p) { color: var(--yy-tinta-suave); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-action { background: var(--yy-tela); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-action:first-child { background: linear-gradient(var(--yy-principal-topo), var(--yy-principal-base)); border-color: var(--yy-principal-borda); color: var(--yy-principal-texto); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-numbers>div { background: color-mix(in srgb, var(--tint) 45%, var(--yy-cartao-fundo)); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-numbers small,
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-list li small,
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-list-empty { color: var(--yy-tinta-suave); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-numbers strong { color: var(--yy-texto-destaque); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-list li { border-top-color: var(--yy-linha); color: var(--yy-tinta); }
body[data-tema]:not([data-tema="claro"]) .yy-tela-modulo .module-numbers .alert { background: color-mix(in srgb, var(--yy-principal-base) 14%, var(--yy-cartao-fundo)); border-color: var(--yy-principal-base); }
body[data-tema="escuro"] .yy-tela-modulo .module-numbers strong { color: var(--yy-tom-rosa-tinta); }

/* --- Hover e foco dos cartões (menu principal, telas de módulo, Operação e cartões internos) ---
   Elevação, borda na cor do tom do cartão (--ink), sombra e realce do rosto do cartão no hover; links Tabelas/Relatórios com realce e
   sublinhado; anel de foco por teclado dentro do cartão (o cartão corta o que passa da borda). Lê as variáveis do tema. */
.approved-module { transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
html body[data-tema] .approved-module:not(.compact):hover { transform: translateY(-2px); border-color: var(--ink); box-shadow: var(--yy-cartao-hover-sombra); }
html body[data-tema] .approved-module.compact:hover { transform: translateY(-2px); box-shadow: 0 0 0 2px var(--ink), var(--yy-cartao-hover-sombra); }
html body[data-tema] .approved-module:not(.compact):focus-within { border-color: var(--ink); }
html body[data-tema] .approved-module:hover > .module-face,
html body[data-tema] .approved-module:hover > .module-face:hover { background-color: var(--yy-cartao-hover); }
html body[data-tema] .approved-module .module-bottom :is(a, button):is(:hover, :focus-visible) { background: var(--yy-cartao-hover-rodape); text-decoration: underline; }
html body[data-tema] .approved-module :is(a, button, [tabindex]):focus-visible { outline: 3px solid var(--yy-anel-foco); outline-offset: -3px; }
@media (prefers-reduced-motion: reduce) {
  html body[data-tema] .approved-module:hover { transform: none; }
  .approved-module { transition: none; }
}