/* Tema da OptizeoDigital para a aplicação do estúdio: os tokens --ec-* com a marca (design-system/brand.md). Dois temas, como no site: o claro por defeito (desde 28 set 2026) e o escuro num botão. O leva a classe "claro" ou "escuro" (o index.html põe-na antes do CSS e o motor troca-a); o :root é o escuro de sempre e o claro é a camada :root.claro no fim. Âmbar como único acento, DM Serif Display nos títulos e Archivo no resto. Carrega-se depois do estudio.css e do estudio-base.css. */ :root { --ec-acento: #F0A43C; --ec-acento-forte: #F0A43C; --ec-escuro: #0B1526; --ec-acento-suave: rgba(240, 164, 60, .14); --ec-fundo: #070D18; --ec-alerta: #F0A43C; --ec-tinta: #FFFFFF; --ec-texto: #E9EDF5; --ec-cinza: #8FA9C4; --ec-linha: rgba(143, 169, 196, .16); --ec-linha-forte: rgba(143, 169, 196, .34); --ec-superficie: #0B1526; --ec-sobre-acento: #241503; --ec-sombra: rgba(0, 0, 0, .45); --ec-brilho: rgba(240, 164, 60, .28); --ec-f-titulo: "DM Serif Display", Georgia, serif; --ec-f-corpo: "Archivo", system-ui, sans-serif; --ec-f-marca: "Archivo", system-ui, sans-serif; --ec-marca-peso: 600; --ec-faixa: rgba(240, 164, 60, .12); --ec-faixa-texto: #F0A43C; --ec-veu: rgba(3, 6, 12, .72); --ec-toast: #13213A; --ec-verde: #5FD49A; --ec-vermelho: #FF8A80; --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(240, 164, 60, .10), transparent 60%), #070D18; color-scheme: dark; } /* O claro, com a paleta do claro do brand.md: papel quente, cartões brancos, texto em tons de night. O âmbar puro fica para o que não é texto (o botão, o chip ativo, os traços); o âmbar de texto é o #9C5C0B, porque o #F0A43C sobre o papel não se lê. */ :root.claro { --ec-acento: #9C5C0B; --ec-acento-forte: #9C5C0B; --ec-escuro: #0B1526; --ec-acento-suave: rgba(240, 164, 60, .16); --ec-fundo: #F8F5F0; --ec-alerta: #9C5C0B; --ec-tinta: #0B1526; --ec-texto: #313946; --ec-cinza: #60666F; --ec-linha: rgba(11, 21, 38, .1); --ec-linha-forte: rgba(11, 21, 38, .2); --ec-superficie: #FFFFFF; --ec-sobre-acento: #FFFFFF; --ec-botao: #F0A43C; --ec-sobre-botao: #241503; --ec-sombra: rgba(11, 21, 38, .16); --ec-brilho: rgba(240, 164, 60, .32); --ec-faixa: rgba(240, 164, 60, .16); --ec-faixa-texto: #313946; --ec-veu: rgba(11, 21, 38, .45); --ec-toast: #0B1526; --ec-verde: #1F8A55; --ec-vermelho: #B93030; --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(240, 164, 60, .16), transparent 60%), #F8F5F0; color-scheme: light; }