/* =========================================================
   Identidade visual: InNova Vidros e Espelhos
   Base: o bordô do logo e do Instagram + tons frios de vidro.
   Contraste de cada cor de texto anotado ao lado (WCAG).
   ========================================================= */

@font-face {
    font-family: "Cormorant Garamond";
    font-weight: 500;
    font-display: swap;
    src: url(../assets/fonts/cormorant-garamond-latin-500-normal.woff2)
        format("woff2");
}
@font-face {
    font-family: "Cormorant Garamond";
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url(../assets/fonts/cormorant-garamond-latin-500-italic.woff2)
        format("woff2");
}
@font-face {
    font-family: "Jost";
    font-weight: 400;
    font-display: swap;
    src: url(../assets/fonts/jost-latin-400-normal.woff2) format("woff2");
}
@font-face {
    font-family: "Jost";
    font-weight: 500;
    font-display: swap;
    src: url(../assets/fonts/jost-latin-500-normal.woff2) format("woff2");
}

:root {
    /* Cores */
    --vinho: #3b1219; /* fundo escuro (primeira tela, trabalhos, contato) */
    --vinho-escuro: #2b0c12; /* rodapé */
    --vinho-claro: #4d1b24; /* cartões e linhas sobre o vinho */
    --bordo: #7a2e3f; /* cor do logo: botões e detalhes no claro (branco sobre ele 9,6:1) */
    --bordo-escuro: #5e2130; /* botão ao passar o mouse */
    --nevoa: #eef2f2; /* fundo claro, frio como vidro */
    --vidro: #c9d6d4; /* bordas e filetes (a "borda do vidro") */
    --grafite: #1f1a1c; /* texto no claro (16,1:1 sobre névoa) */
    --grafite-suave: #564f53; /* texto secundário no claro (7,4:1) */
    --branco: #ffffff;
    --texto-claro: #f4edee; /* texto no vinho (14,6:1) */
    --texto-claro-suave: #cdb9bd; /* texto secundário no vinho (8,4:1) */
    --luz: #ffe3b8; /* brilho do espelho de LED: só no destaque da primeira tela e botões no escuro */
    --luz-forte: #ffd08a;
    --ponto: #7e8f8c; /* pontinho inativo do carrossel (3,1:1 sobre névoa) */

    /* Tipografia */
    --fonte-logo:
        "Cormorant Garamond", Georgia, "Times New Roman", serif; /* só o nome InNova e a frase do rodapé */
    --fonte-titulo:
        "Jost", "Segoe UI", system-ui, sans-serif; /* geométrica, no estilo Futura */
    --fonte-texto: "Jost", "Segoe UI", system-ui, sans-serif;
    --t-h2: clamp(1.9rem, 4.8vw, 3rem);
    --t-h3: clamp(1.3rem, 2.6vw, 1.5rem);
    --t-corpo: 1.125rem;
    --t-pequeno: 1rem;

    /* Espaços e forma */
    --largura: 74rem;
    --gutter: clamp(1.25rem, 5vw, 3.5rem);
    --secao: clamp(4.5rem, 11vw, 8rem);
    --raio: 6px;
    --topo-altura: 4.25rem;
}