/* =========================================================
   ESCALA TIPOGRÁFICA DA CASA
   Item 21 — padronizar título, subtítulo e texto.

   Antes cada página tinha o próprio tamanho: os títulos apareciam em
   2rem, 2.2rem, 2.4rem, 2.5rem, 2.6rem, 2.8rem, 3.5rem, 34px e 26px,
   em doze combinações diferentes de fonte e tamanho. Era isso que o
   dono percebia como "aqui é uma fonte, ali é outra".

   Este arquivo é carregado pela navbar, ou seja, depois do CSS de cada
   página — então ele vence e uniformiza. Os seletores repetem a mesma
   especificidade usada nas páginas para não depender de !important.

   Componentes com composição própria (lightbox, cardápio de convite,
   admin) NÃO são alcançados de propósito: eles têm identidade visual
   deliberada, e a regra da casa é preservar cada família visual.
   ========================================================= */

:root {
    /* Famílias — já usadas no projeto, repetidas aqui para que a escala
       funcione mesmo em página que não declare os tokens. */
    --font-display: 'Cinzel Decorative', cursive;
    --font-title: 'Cinzel', serif;
    --font-body: 'Cormorant Garamond', serif;

    /* Escala fluida: cresce com a largura da tela dentro de limites.
       Evita título gigante no celular e minúsculo no monitor grande. */
    --tipo-titulo: clamp(1.9rem, 5.5vw, 2.6rem);
    --tipo-subtitulo: clamp(1.02rem, 2.8vw, 1.28rem);
    --tipo-texto: clamp(1rem, 2.3vw, 1.12rem);
    --tipo-apoio: clamp(0.86rem, 2vw, 0.95rem);
}

/* ---------- TÍTULO DE PÁGINA ---------- */
h1,
.page-title,
.header-title h1 {
    font-family: var(--font-display);
    font-size: var(--tipo-titulo);
    line-height: 1.12;
    letter-spacing: 1px;
    /* Evita que uma palavra solta caia sozinha na última linha. */
    text-wrap: balance;
}

/* ---------- SUBTÍTULO ---------- */
.page-subtitle,
.subtitle {
    font-family: var(--font-title);
    font-size: var(--tipo-subtitulo);
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ---------- TEXTO CORRIDO ---------- */
.text-body,
.info-text {
    font-family: var(--font-body);
    font-size: var(--tipo-texto);
    line-height: 1.65;
    /* Justificado abre "rios" de espaço em coluna estreita de celular.
       Alinhado à esquerda lê melhor em qualquer largura. */
    text-align: left;
}

/* ---------- REALCE ---------- */
/* Item 23: destaque é negrito, não outra cor. Antes cada página
   pintava a palavra destacada de um tom diferente, o que competia
   com o dourado dos títulos e poluía a leitura. */
.text-body b,
.text-body strong,
.info-text b,
.info-text strong {
    font-weight: 700;
    color: inherit;
}

/* =========================================================
   PADRONIZAÇÃO PEDIDA PELA DONA — item 6

   O levantamento mostrou o tamanho da bagunça: os títulos do site
   usavam TRÊS famílias de fonte (Cinzel Decorative, Cinzel e Cormorant
   Garamond) e DEZ cores diferentes — marfim, dois tons de cobre, dois
   de pergaminho, um dourado claro, um bege e mais o degradê.

   A referência que ela deu é "Bem Vindo Ao Limiar", que é
   .welcome-text: Cinzel Decorative. Essa passa a ser a fonte de todo
   título. A cor escolhida é #ffdf73.

   Fica de fora de propósito:
     · o texto corrido, que continua em Cormorant Garamond marfim —
       Cinzel Decorative é fonte de exibição e não se lê em parágrafo;
     · o painel administrativo, que tem identidade própria;
     · o modal e o cardápio do convite, pelo mesmo motivo, seguindo a
       regra já registrada no topo deste arquivo.
   ========================================================= */

:root {
    /* O amarelo da casa, num lugar só. Trocar aqui troca no site todo. */
    --ouro-casa: #ffdf73;
}

/* ---------- TÍTULOS ----------
   Vários destes vinham com degradê aplicado ao texto
   (background-clip: text). Para a cor chapada valer é preciso desfazer
   as três propriedades do degradê, não só declarar a cor: o
   -webkit-text-fill-color vence o color, e sem zerar o
   background-image o texto continuaria recortando o gradiente. */
h1,
h2,
h3,
.page-title,
.section-title,
.portal-card-title,
.info-title,
.welcome-text,
.gallery-title,
.menu-title,
.convite-header,
.footer-title,
.fc-card-title,
.rule-title,
.card-title,
.album-text {
    font-family: var(--font-display);
    color: var(--ouro-casa);
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--ouro-casa);
}

/* ---------- DESTAQUES ----------
   Aqui só a cor muda. A fonte fica: são frases dentro do texto, e
   trocá-las por uma fonte de exibição quebraria a leitura da linha. */
.highlight-gold,
.emphasis,
.special-box-title,
.page-subtitle,
.section-sub {
    color: var(--ouro-casa);
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--ouro-casa);
}

/* EXCECOES DE ESPECIFICIDADE ----------------------------------------
   Dois seletores sao mais fortes que a regra da casa e por isso
   passavam batido:

     .header-title h1     (0,1,1) vence h1 (0,0,1) — e o titulo do
                          cardapio, que ficou num bege proprio
     .lantern-container .hint   o rotulo "Ilumine o Ambiente", que
                          seguia num tom de pergaminho fora da paleta

   Repetidos aqui com a mesma forma, para vencerem pela ordem da folha
   em vez de por !important. */
.header-title h1,
.lantern-container .hint {
    font-family: var(--font-display);
    color: var(--ouro-casa);
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--ouro-casa);
}

/* ---------- CARDÁPIO DO CONVITE ----------
   Ficava de fora por ter identidade propria, mas a dona pediu a
   padronizacao em TODOS os titulos — e a medicao mostrou que a excecao
   estava custando caro: os nomes dos pratos vinham em cobre #9c6650,
   que da 4,28 de contraste sobre o fundo da pagina, abaixo do minimo
   de 4,5 da norma. Vinte ocorrencias.

   Entrar no padrao resolve as duas coisas: atende o pedido e leva o
   contraste desses titulos para perto de 13. */
.course-title,
.section-header {
    font-family: var(--font-display);
    color: var(--ouro-casa);
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--ouro-casa);
}

/* Os simbolos decorativos estavam em #4a271d: 1,57 de contraste, ou
   seja, praticamente invisiveis sobre o preto. Nao viram ouro — sao
   ornamento, nao titulo — mas sobem para o cobre da casa, que passa
   folgado no minimo de 3 exigido para texto grande. */
.symbols {
    color: #b87333;
    -webkit-text-fill-color: #b87333;
}

/* ---------- TÍTULO DO MODAL ----------
   Ficava de fora junto com os demais componentes de identidade própria,
   mas a conferência final mostrou que era a ÚNICA cor de título fora do
   padrão no site inteiro — um dourado #d69a4e no "Mensagem Direta" que
   abre pelo Contato, visível em todas as páginas.

   Um título diferente numa janela que a pessoa abre a partir de
   qualquer página é justamente o tipo de inconsistência que ela
   apontou. Entra no padrão. */
.magic-modal-title {
    font-family: var(--font-display);
    color: var(--ouro-casa);
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--ouro-casa);
}