/*
 * JB Nórdica (versão C) — tokens de design. Arquivo único de cores, tipografia e medidas.
 * Usado pelo site, blog, catálogo (tema "nordico") e painel (Central JB).
 * 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;

  /* Linho */
  --bg: #F7F6F3;
  --surface: #FFFFFF;
  --surface-2: #EFEDE8;
  --line: #DEDBD4;
  --borda-campo: #8A8F96;
  --ink: #16181D;
  --ink-2: #4A4F58;
  --ink-3: #63686F;
  --fiorde: #1F3A5F;
  --fiorde-suave: #E6ECF4;
  --fiorde-tinta: #FFFFFF;
  --conversa: #0F7A3D;
  --conversa-hover: #0B6331;
  --conversa-tinta: #FFFFFF;
  --promo: #B4532A;
  --promo-tinta: #FFFFFF;
  --promo-suave: #FBEDE6;
  --promo-texto: #9C4522;
  --pinus: #D8C39A;
  --garapa: #B37A3C;
  --ok: #0F7A3D;
  --ok-suave: #E7F5EC;
  --aviso: #9A6700;
  --aviso-suave: #FFF6DB;
  --erro: #B42318;
  --erro-suave: #FEECEB;
  --info: #1F3A5F;
  --info-suave: #E6ECF4;
  --palco-planta: #FFFFFF;
  --ladrilho-logo: #FFFFFF;
  --foco-folga: #FFFFFF;
  --sombra-1: 0 1px 2px rgba(22, 24, 29, .06);
  --sombra-2: 0 4px 16px rgba(22, 24, 29, .08);
  --sombra-3: 0 12px 32px rgba(22, 24, 29, .12);
  --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: 8px;
  --r-botao: 10px;
  --r-card: 12px;
  --r-folha: 16px 16px 0 0;
  --r-pilula: 999px;
  --r-campo: 10px;

  /* 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: "Inter", "Inter Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --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: #0F1114;
  --surface: #171A1F;
  --surface-2: #1F232A;
  --line: #2B3038;
  --borda-campo: #6B727E;
  --ink: #F2F1EE;
  --ink-2: #B4B9C2;
  --ink-3: #8B919B;
  --fiorde: #9DBBE3;
  --fiorde-suave: #1C2A3D;
  --fiorde-tinta: #0F1114;
  --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;
  --aviso-suave: #2A2410;
  --erro: #F97066;
  --erro-suave: #2D1513;
  --info: #9DBBE3;
  --info-suave: #1C2A3D;
  --palco-planta: #FFFFFF;
  --ladrilho-logo: #F7F6F3;
  --foco-folga: #0F1114;
  --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;
  }
}