/* BTEK Construtora — tokens de cor e tipografia (aprovados em 26/10/2026).
   Cores da marca: grafite-700 e laranja-600. Demais tons derivados para interface.
   Contraste WCAG 2.2 medido sobre branco entre parênteses. */
:root {
  --branco: #FFFFFF;
  --grafite-50: #F7F7F8;   /* fundo */
  --grafite-100: #EEF0F1;  /* fundo alternativo */
  --grafite-200: #DEE0E3;  /* divisores */
  --grafite-300: #C2C6CB;  /* decorativo */
  --grafite-400: #969DA6;  /* decorativo (2,74:1 — não usar em texto) */
  --grafite-500: #6E7782;  /* bordas de campo, texto auxiliar só sobre branco (4,54:1) */
  --grafite-600: #545B63;  /* texto secundário (6,88:1) */
  --grafite-700: #3E4349;  /* MARCA — texto e títulos (9,98:1) */
  --grafite-800: #282B2F;
  --grafite-900: #1A1C1E;  /* seções escuras; texto do botão principal */

  --laranja-50: #FFF6F0;   /* fundo leve */
  --laranja-100: #FFE6D6;  /* realce */
  --laranja-600: #FF6200;  /* MARCA — destaque (3,00:1 — só texto grande e grafismos) */
  --laranja-700: #C24A00;  /* links e texto laranja (4,91:1) */
  --laranja-800: #A84100;  /* hover (6,14:1) */

  --erro: #B3261E;         /* funcional, apenas formulários (6,54:1) */
  --sucesso: #1E6B34;      /* funcional, apenas formulários (6,55:1) */

  --fonte-titulo: 'Saira', system-ui, sans-serif;
  --fonte-texto: 'Inter', system-ui, sans-serif;
  --fonte-rotulo: 'IBM Plex Mono', ui-monospace, monospace;

  /* Escala tipográfica: tamanho fluido entre celular (360 px) e desktop (1280 px). */
  --t-display: clamp(2.5rem, 1.717rem + 3.478vw, 3.5rem);     /* 40 → 56, Saira 700, altura 1.05 */
  --t-h1: clamp(2.125rem, 1.636rem + 2.174vw, 2.75rem);       /* 34 → 44, Saira 700, altura 1.1 */
  --t-h2: clamp(1.625rem, 1.332rem + 1.304vw, 2rem);          /* 26 → 32, Saira 700, altura 1.2 */
  --t-h3: clamp(1.25rem, 1.054rem + 0.87vw, 1.5rem);          /* 20 → 24, Saira 600, altura 1.25 */
  --t-h4: clamp(1.125rem, 1.027rem + 0.435vw, 1.25rem);       /* 18 → 20, Saira 600, altura 1.3 */
  --t-corpo-g: 1.125rem;  /* 18, Inter 400, altura 1.55 */
  --t-corpo: 1rem;        /* 16, Inter 400, altura 1.6 */
  --t-pequeno: 0.875rem;  /* 14, Inter 400, altura 1.55 */
  --t-rotulo: 0.75rem;    /* 12, IBM Plex Mono 500, maiúsculas, espaçamento 0.12em */
}