/*
 * PreCasas (versão C) — tokens de design. Arquivo único de cores, tipografia e medidas.
 * Usado pelo site, blog, catálogo (tema "nordico") e painel (Central PreCasas).
 * Nenhum outro arquivo define cor em hex, exceto a planta (#FFFFFF) e o ladrilho do logo.
 * O tema vem do servidor: <html data-tema="claro|noite"> (cookie jb_tema). Leitura fácil: data-leitura="facil".
 */

@font-face {
  font-family: "Inter";
  src: url("/assets/nordico/fontes/inter-latin-var.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Reserva com as medidas da Inter: o texto não "pula" quando a fonte chega (CLS). */
@font-face {
  font-family: "Inter Fallback";
  src: local("Arial");
  size-adjust: 107%;
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
}

:root,
[data-tema="claro"] {
  color-scheme: light;

  /* PreCasas (13/11/2026): branco, cinza claro, laranja escuro só em botão e link, verde só no WhatsApp */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #F4F4F2;
  --line: #E2E2DE;
  --borda-campo: #A9A9A4;
  --ink: #1F1F1F;
  --ink-2: #555555;
  --ink-3: #686868;
  --fiorde: #B9440B;
  --fiorde-suave: #FBEADF;
  --fiorde-tinta: #FFFFFF;
  --conversa: #1B8548;
  --conversa-hover: #166E3B;
  --conversa-tinta: #FFFFFF;
  --promo: #B9440B;
  --promo-tinta: #FFFFFF;
  --promo-suave: #FBEADF;
  --promo-texto: #9A3A0A;
  --pinus: #E3CFA3;
  --garapa: #B9772F;
  --ok: #1E7A45;
  --ok-suave: #E6F3EA;
  --aviso: #9A6700;
  --estrela: #E3A008;
  --aviso-suave: #FFF6DB;
  --erro: #B42318;
  --erro-suave: #FEECEB;
  --info: #555555;
  --info-suave: #F4F4F2;
  --palco-planta: #FFFFFF;
  --ladrilho-logo: #FFFFFF;
  --foco-folga: #FFFFFF;
  --sombra-1: none;
  --sombra-2: 0 0 0 1px var(--line);
  --sombra-3: 0 0 0 1px var(--line);
  --veu: rgba(15, 17, 20, .48);
  --galeria-fundo: #0F1114;
  --galeria-tinta: #F2F1EE;

  /* Espaço */
  --e-1: 4px;
  --e-2: 8px;
  --e-3: 12px;
  --e-4: 16px;
  --e-5: 20px;
  --e-6: 24px;
  --e-8: 32px;
  --e-10: 40px;
  --e-12: 48px;
  --e-16: 64px;
  --e-20: 80px;
  --margem: 16px;
  --largura-site: 1200px;
  --largura-cabecalho: 1360px;
  --largura-painel: 1360px;
  --largura-leitura: 68ch;

  /* Raios */
  --r-logo: 0;
  --r-botao: 6px;
  --r-card: 8px;
  --r-folha: 8px 8px 0 0;
  --r-pilula: 6px;
  --r-campo: 6px;

  /* Alturas */
  --h-botao: 52px;
  --h-chip: 40px;
  --h-alvo: 48px;
  --h-cabecalho: 56px;
  --h-abas: 64px;
  --h-opcao-obra: 56px;
  --area-segura: env(safe-area-inset-bottom, 0px);

  /* Camadas */
  --z-cabecalho: 50;
  --z-barra-casa: 55;
  --z-abas: 60;
  --z-gaveta: 70;
  --z-folha: 80;
  --z-dialogo: 90;
  --z-galeria: 100;
  --z-toast: 110;

  /* Movimento */
  --mov-rapido: 120ms;
  --mov: 200ms;
  --curva: cubic-bezier(.2, .7, .2, 1);

  /* Tipografia (celular) */
  --fonte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fonte-titulo: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --madeira: #1F1F1F;
  --musgo: #2B2B2B;
  --oliva: #B9440B;
  --t-display: 40px;
  --t-h1: 32px;
  --t-h2: 26px;
  --t-h3: 20px;
  --t-corpo: 17px;
  --t-pequeno: 15px;
  --t-rotulo: 14px;
  --t-preco: 30px;
  --t-preco-card: 22px;
  --t-minimo: 14px;
  --lh-corpo: 1.6;
}

[data-tema="noite"] {
  color-scheme: dark;

  /* Noite */
  --bg: #141414;
  --surface: #1C1C1C;
  --surface-2: #242424;
  --line: #333333;
  --borda-campo: #6E6E6E;
  --ink: #F2F2F0;
  --ink-2: #C4C4C0;
  --ink-3: #9C9C98;
  --fiorde: #F5884F;
  --fiorde-suave: #3A2216;
  --fiorde-tinta: #141414;
  --conversa: #0F7A3D;
  --conversa-hover: #0C6B35;
  --conversa-tinta: #FFFFFF;
  --promo: #E8875E;
  --promo-tinta: #0F1114;
  --promo-suave: #2A1A14;
  --promo-texto: #E8875E;
  --pinus: #D8C39A;
  --garapa: #B37A3C;
  --ok: #3FB871;
  --ok-suave: #12291C;
  --aviso: #E3B341;
  --estrela: #F2C14E;
  --aviso-suave: #2A2410;
  --erro: #F97066;
  --erro-suave: #2D1513;
  --info: #C4C4C0;
  --info-suave: #242424;
  --palco-planta: #FFFFFF;
  --ladrilho-logo: #FFFFFF;
  --foco-folga: #141414;
  --sombra-1: none;
  --sombra-2: 0 0 0 1px var(--line);
  --sombra-3: 0 0 0 1px var(--line);
  --veu: rgba(0, 0, 0, .64);
}

/* Leitura fácil: letra maior, contraste maior, alvos de 56 px. */
[data-leitura="facil"] {
  --h-alvo: 56px;
  --h-botao: 56px;
  --h-chip: 48px;
  --t-corpo: 19px;
  --t-pequeno: 17px;
  --t-rotulo: 15px;
  --lh-corpo: 1.7;
  --ink-2: var(--ink);
}

@media (min-width: 768px) {
  :root {
    --margem: 24px;
  }
}

@media (min-width: 1080px) {
  :root {
    --margem: 32px;
    --t-display: 64px;
    --t-h1: 48px;
    --t-h2: 36px;
    --t-h3: 24px;
    --t-corpo: 18px;
    --t-preco: 36px;
  }
  [data-leitura="facil"] {
    --t-corpo: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --mov-rapido: 0.01ms;
    --mov: 0.01ms;
  }
}