/* ==========================================================================
   Casa Lazúli · identidade (manual da Retina) mapeada nos tokens do kit (COMO-USAR §3)
   Fontes: "Casa Titulo" e "Casa Texto". Hoje são Cormorant Garamond e Nunito Sans
   (ajuste 2 do plano 2); quando chegarem Olivera e Avenir LT Pro, troca-se só os
   dois arquivos de assets/fontes/, com o mesmo nome.
   ========================================================================== */
@font-face {
  font-family: "Casa Titulo";
  src: url("/assets/fontes/1-titulo.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
@font-face {
  font-family: "Casa Texto";
  src: url("/assets/fontes/2-texto.woff2") format("woff2");
  font-weight: 300 800;
  font-display: swap;
}

:root {
  --marinho: #1C284A;
  --marinho-fundo: #181F3A;
  --azul: #0065AF;
  --dourado: #B38D3D;
  --dourado-claro: #E9D57E;
  --dourado-texto: #8A6A2A;      /* o dourado escurecido pra texto pequeno no branco (5:1) */
  --gelo: #F3F5F9;
  --cinza: #5B6275;

  --cor-fundo: #FFFFFF;
  --cor-fundo-2: var(--gelo);
  --cor-superficie: #FFFFFF;
  --cor-texto: var(--marinho);
  --cor-texto-2: var(--cinza);
  --cor-acao: var(--marinho);
  --cor-acao-forte: var(--marinho-fundo);
  --cor-sobre-acao: #FFFFFF;
  --cor-destaque: var(--dourado);
  --cor-destaque-texto: var(--dourado-texto);
  --cor-destaque-claro: var(--dourado-claro);
  --cor-sobre-foto: #FFFFFF;
  --cor-linha: #DDE1EA;
  --cor-linha-ui: #8C93A6;
  --cor-erro: #B42318;
  --cor-ok: #1E7B4F;
  --cor-ok-fraco: #E7F4EC;
  --cor-desligado: #E3E6ED;
  --cor-desligado-texto: #8C93A6;
  --cor-escuro: var(--marinho-fundo);

  --fonte-titulo: "Casa Titulo", Georgia, "Times New Roman", serif;
  --fonte-texto: "Casa Texto", "Helvetica Neue", Arial, sans-serif;
  --larg: 1180px;
  --raio: 2px;
  --transicao: 160ms ease;
  --t-micro: .75rem;
  --t-pequeno: .875rem;
  --t-corpo: 1.0625rem;
  --t-d3: 1.35rem;
  --t-d2: clamp(1.8rem, 3.2vw, 2.6rem);
  --t-d1: clamp(2.4rem, 5vw, 4.2rem);
}