/* Tema da Dra. Mariana Lima para a aplicação do estúdio: os tokens --ec-* com a marca do escritório, tirada do logótipo dela e do site (sites/_exemplo-mariana-lima/css/style.css): bordô, dourado e marfim, Cormorant Garamond nos títulos e Manrope no resto. Dois temas: o claro (marfim) por defeito e o escuro (bordô) 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 e o claro é a camada :root.claro no fim. O dourado puro não se lê sobre o marfim: no claro, o texto de acento é o dourado escuro #806020 e o dourado fica para o botão e os traços. Carrega-se depois do estudio.css e do estudio-base.css. */ :root { --ec-acento: #D9BF85; --ec-acento-forte: #D9BF85; --ec-escuro: #4A1D1A; --ec-acento-suave: rgba(201, 168, 102, .16); --ec-fundo: #3E1816; --ec-alerta: #D9BF85; --ec-tinta: #F7F2EC; --ec-texto: #F1E8DE; --ec-cinza: #CBB9AE; --ec-linha: rgba(247, 242, 236, .14); --ec-linha-forte: rgba(247, 242, 236, .3); --ec-superficie: #4A1D1A; --ec-sobre-acento: #3E1816; --ec-botao: #C9A866; --ec-sobre-botao: #3E1816; --ec-sombra: rgba(0, 0, 0, .45); --ec-brilho: rgba(201, 168, 102, .3); --ec-f-titulo: "Cormorant Garamond", Georgia, serif; --ec-f-corpo: "Manrope", system-ui, sans-serif; --ec-f-marca: "Manrope", system-ui, sans-serif; --ec-marca-peso: 700; --ec-faixa: rgba(201, 168, 102, .14); --ec-faixa-texto: #D9BF85; --ec-veu: rgba(20, 6, 5, .72); --ec-toast: #55221F; --ec-verde: #7FD1A0; --ec-vermelho: #FF9A8F; --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(201, 168, 102, .14), transparent 60%), #3E1816; color-scheme: dark; } :root.claro { --ec-acento: #642A26; --ec-acento-forte: #642A26; --ec-escuro: #4A1D1A; --ec-acento-suave: rgba(100, 42, 38, .09); --ec-fundo: #F7F2EC; --ec-alerta: #806020; --ec-tinta: #642A26; --ec-texto: #2B2422; --ec-cinza: #6A5F5C; --ec-linha: rgba(100, 42, 38, .12); --ec-linha-forte: rgba(100, 42, 38, .24); --ec-superficie: #FFFCF8; --ec-sobre-acento: #FFFCF8; --ec-botao: #642A26; --ec-sobre-botao: #F7F2EC; --ec-sombra: rgba(74, 29, 26, .14); --ec-brilho: rgba(201, 168, 102, .34); --ec-faixa: rgba(201, 168, 102, .18); --ec-faixa-texto: #4A1D1A; --ec-veu: rgba(43, 20, 18, .45); --ec-toast: #4A1D1A; --ec-verde: #1F7A4D; --ec-vermelho: #A8302A; --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(201, 168, 102, .2), transparent 60%), #F7F2EC; color-scheme: light; }