@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@1,6..96,600&display=swap"); /* Território Nômade - tema azul (alternativo). Para experimentar: no do index.html, logo abaixo de styles.css, adicione Para voltar ao vermelho, basta remover essa linha. Nada mais muda. */ :root { --vermelho: #274475; /* azul da identidade, ocupando o lugar do vermelho */ --verde: #3E5A6E; /* verde reequilibrado para conviver com o azul */ --creme: #E9E4D6; --papel: #F5F5F1; --papel-2: #E9E9E3; --tinta: #161B24; --tinta-60: rgba(22, 27, 36, 0.62); } /* troca das artes da marca, sem tocar no HTML */ .capa__marca { content: url("img/marca-territorio-nomade-azul.png"); } .barra__selo { content: url("img/monograma-azul.png"); } .rodape__selo { content: url("img/monograma-azul.png"); } /* -------------------------------------------------------------- Legibilidade do display no tema azul. O azul é mais claro que o vermelho e o verde-azulado é mais frio, e sobre esses fundos os fios finos da Bodoni somem, principalmente no celular. O contraste medido passa em AA nos dois temas, mas contraste não mede espessura de traço. Aqui o display sobe de 400 para 600 e o eixo óptico é fixado em 14, o que engrossa hastes e serifas sem mudar o desenho da letra nem o tamanho do texto. -------------------------------------------------------------- */ .capa__titulo, .bloco h2, .pagina h1 { font-weight: 600; font-variation-settings: "opsz" 14, "wght" 600; } .capa__titulo em, .destaque { font-weight: 600; font-variation-settings: "opsz" 14, "wght" 600; } /* sobre fundo em cor, um respiro a mais entre as letras claras */ .bloco--verde h2, .bloco--vermelho h2, .bloco--verde .destaque, .bloco--vermelho .destaque { letter-spacing: 0.004em; }