/* ==========================================================================
   CLASSE HABITUAL · convite 33% · v3 (24/08/2026)

   🔴 A PALETA E CINZA E BRANCO. SO ISSO.
   Ordem do Matheus em 24/08: "nada do cliente tem a cor verde" · "as cores do
   cliente sao o cinza e o branco" · "nao tem que ter fundo preto".
   O verde da v2 (medido nas cadeiras do salao) FOI REMOVIDO: movel nao e marca.

   De onde vem cada numero: quantizei o CARTAO FISICO do cliente
   (assets/cartao-1280.webp). Ele deu saturacao de 1,2% a 1,9% e R-B de +3 a +4,
   ou seja CINZA NEUTRO QUASE PERFEITO, de L=30% a L=56%. A escala abaixo e essa
   medicao esticada para os claros, ancorada no #424241 do manual oficial.

   📐 PASSAGEM DE SECAO DELICADA (ordem dele): os degraus de fundo saltam de
   3,6% a 5,0% de luminosidade, nunca mais. A pagina inteira vive numa faixa de
   22% de luz. Branco para preto e proibido.
   ========================================================================== */

:root {
  /* --- os claros: 5 degraus, salto medio de 4,5% --- */
  --branco:  #ffffff;
  --nevoa-0: #fbfbfa;   /* fundo padrao da pagina */
  --nevoa-1: #f6f5f4;
  --nevoa-2: #f1f0ef;   /* superficie erguida */
  --nevoa-3: #ebeae9;
  --nevoa-4: #e5e4e3;

  /* --- fios: quase invisiveis, é o que separa sem cortar --- */
  --fio:     #dedddc;
  --fio-2:   #e9e8e7;
  --fio-3:   #cfcecd;

  /* --- os cinzas medidos NO CARTAO DO CLIENTE --- */
  --aco-1:   #92908e;   /* medido */
  --aco-2:   #777573;   /* medido */
  --aco-3:   #4f4e4c;   /* medido */

  /* --- marca e tinta --- */
  --marca:   #424241;   /* a UNICA cor do manual oficial. 10,06:1 no branco */
  --tinta:   #2e2d2c;   /* texto forte. 13,7:1 no branco */
  --tinta-2: #5c5b59;   /* texto de apoio. 6,8:1 */
  /* 🔴 era #7c7a78 = 4,17:1 no fundo claro, abaixo do minimo de 4,5 para texto
     normal. Agentes acharam de 8 a 18 elementos reprovando por causa dele.
     #6b6967 da 5,26:1 e passa AA em qualquer tamanho. */
  --tinta-3: #6b6967;

  /* --- acao: cinza escuro, nunca cor --- */
  --acao:    #3a3938;
  --acao-f:  #2a2928;
  --acao-luz:#e4e3e2;

  /* --- fundos escuros: CINZA MEDIO, nao preto (ordem dele) --- */
  --grafite:  #4a4948;   /* um degrau mais escuro: sobe o contraste do texto claro */
  --grafite-2:#585755;
  /* 🛑 NAO EXISTE TOKEN DE VEU AQUI, E E DE PROPOSITO.
     O manual do cliente proibe escurecer imagem: "sem veu, sem scrim, sem
     grayscale, sem filtro". Se voce precisar de texto sobre foto, a resposta
     e tirar o texto de cima da foto, nao escurecer a foto. */

  /* --- relevo: e a assinatura visual do cartao do cliente ---
     O cartao dele e metal escovado com o logo em ALTO RELEVO. A pagina inteira
     herda isso: toda imagem e todo bloco ganha luz em cima e sombra embaixo. */
  --alto:    inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(46,45,44,.07);
  --baixo:   inset 0 1px 0 rgba(46,45,44,.06), inset 0 -1px 0 rgba(255,255,255,.85);
  --sombra-1: 0 1px 2px rgba(46,45,44,.05), 0 2px 8px -4px rgba(46,45,44,.10);
  --sombra-2: 0 1px 2px rgba(46,45,44,.06), 0 8px 22px -10px rgba(46,45,44,.18);
  --sombra-3: 0 2px 4px rgba(46,45,44,.07), 0 18px 44px -18px rgba(46,45,44,.28);

  /* --- tipografia ---
     Dolce Vita e a fonte do LOGO (manual oficial). O arquivo que veio no PDF do
     cliente e um SUBSET: so tem 10 glifos desenhados (C a b e h i l s t u), o que
     escreve "Classe habitual" e mais nada. Por isso ela so veste o WORDMARK.
     O manual define Bebas Neue Pro como fonte de APOIO da marca: e ela que veste
     os titulos. Nao e escolha minha, e o manual. */
  --wordmark: "Dolce Vita", "Bebas Neue", sans-serif;
  --display:  "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
  --corpo:    "Zalando Sans", ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif;

  --t-13: .8125rem;
  --t-15: .9375rem;
  --t-17: 1.0625rem;
  --t-19: 1.1875rem;
  --t-24: 1.5rem;
  --t-30: 1.875rem;
  /* 🔴 no celular o titulo NAO pode encolher a ponto de quebrar feio nem estourar.
     Os minimos abaixo foram medidos em 320px: cabem sem cortar e sem viuva. */
  --t-34: clamp(1.75rem, 1.3rem + 2.2vw, 2.25rem);
  --t-46: clamp(2.15rem, 1.5rem + 3.2vw, 3.1rem);
  --t-64: clamp(2.9rem,  1.9rem + 5.0vw, 4.6rem);

  --p-corpo: 400;
  --p-medio: 500;
  --p-forte: 600;

  --e-4: .25rem;  --e-8: .5rem;   --e-12: .75rem; --e-16: 1rem;
  --e-20: 1.25rem;--e-24: 1.5rem; --e-32: 2rem;   --e-40: 2.5rem;
  --e-48: 3rem;   --e-64: 4rem;
  --e-96: clamp(3.25rem, 1.9rem + 6.2vw, 6rem);

  --raio:   3px;
  --raio-2: 6px;
  --raio-3: 10px;   /* o cartao do cliente tem canto arredondado suave */
  --calha:  clamp(1.15rem, 5vw, 2.6rem);
  --leito:  72rem;

  --saida: cubic-bezier(.22,.61,.36,1);
  --dupla: cubic-bezier(.65,0,.35,1);
  --seco:  cubic-bezier(.33,1,.68,1);
  --mola:  cubic-bezier(.34,1.56,.64,1);
  --t-r:   .42s;
  --t-l:   .9s;
}