/*
 * Design tokens do site institucional (Bello Aramados).
 * Carregado antes de main.css e do CSS de cada módulo (ver MY_Controller).
 * Os valores abaixo foram extraídos dos hex/fontes que já se repetiam em
 * main.css e nos CSS de produtos, serviços, sobre, home e contato — nenhum
 * valor visual foi alterado, só nomeado.
 */

:root {
  /* Cor de marca */
  --color-brand: #ee2925;

  /* Neutros */
  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: #f9f9f9;
  --color-gray-150: #f5f5f5;
  --color-gray-200: #eee;
  --color-gray-250: #dbdbdb;
  --color-gray-300: #d9d9d9;
  --color-gray-400: #ccc;
  --color-gray-500: #aaa;
  --color-gray-600: #999;
  --color-gray-700: #888;
  --color-gray-800: #353535;
  --color-gray-900: #1a1a1a;

  /* Tipografia — famílias usadas de forma consistente por função,
     não por página (ver README de manutenção do CSS) */
  --font-title: purista-web, sans-serif;    /* títulos grandes (.common-title) */
  --font-button: Noventa812, sans-serif;    /* botões / CTAs, sempre uppercase */
  --font-body: BlauerNue-Thin, sans-serif;  /* corpo de texto, peso 100 */
  --font-body-alt: inter, sans-serif;       /* corpo de texto (módulo contato, via Typekit) */

  /* Escala tipográfica modular — base 12.8px, razão 1.25.
     Substitui --fs-body/--fs-body-lg/--fs-section-title/--fs-hero-title
     (removidos: eram nomeados mas quase nunca usados via var(), e não
     pertenciam a uma escala — ver docs/plans/padronização-css.md).
     Todo font-size hardcoded do site (inclusive os valores "quebrados"
     tipo 30.504px/34.432px, resíduo de export de design tool) foi
     arredondado para o degrau mais próximo desta escala. */
  --font-size-xs: 10.4px;
  --font-size-sm: 12.8px;
  --font-size-base: 12.8px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24.8px;
  --font-size-2xl: 31.2px;
  --font-size-3xl: 39.2px;
  --font-size-4xl: 48.8px;
  --font-size-5xl: 60.8px;

  /* Espaçamento — grade de 6.4pt, com 3.2px como único meio-passo permitido.
     Todo margin/padding/gap autoral do site foi arredondado pro degrau
     mais próximo (nomeação --space-N = N × 6.4px, exceto --space-0-5). */
  --space-0-5: 3.2px;
  --space-1: 6.4px;
  --space-2: 12.8px;
  --space-3: 19.2px;
  --space-4: 25.6px;
  --space-5: 32px;
  --space-6: 38.4px;
  --space-8: 51.2px;
  --space-10: 64px;
  --space-11: 70.4px;
  --space-12: 76.8px;
  --space-13: 83.2px;
  --space-15: 96px;
  --space-16: 102.4px;
  --space-18: 115.2px;
  --space-19: 121.6px;

  /* Timing/forma reaproveitados pelos componentes de botão e hover */
  --transition-base: 0.5s;
  --radius-sm: 4px;
  --radius-md: 5.6px;
  --radius-lg: 8px;
}

/*
 * Observação para quem for mexer em main.css: existe uma faixa de regras
 * (aprox. linhas 4600-8965, misturada com CSS do select2) que usa uma
 * paleta totalmente diferente (#101b34, #068a4f, #3bb030, #d67c1b) e chega
 * a redefinir `a:hover` com uma cor diferente da marca. Não foi tocada
 * nesta consolidação por não estar claro se é resíduo de outro tema ou
 * proposital — não use --color-brand/--color-* assumindo que substitui
 * esses valores sem antes confirmar com o time.
 */

/*
 * Regras usadas para migrar valores hardcoded pros tokens acima
 * (docs/plans/padronização-css.md tem o inventário completo por arquivo):
 *
 * 1. Cada valor de font-size/margin/padding foi arredondado pro degrau
 *    numericamente mais próximo. Em caso de empate exato, arredonda pra
 *    CIMA (mais seguro contra sobreposição/corte de texto do que ficar
 *    mais apertado).
 * 2. `0`/`0px` continuam literais (já satisfazem a grade, não precisam
 *    de token). `auto` também fica como está (não é um comprimento).
 * 3. Valores de 1-1.6px e negativos (ex. -0.8px) são ajustes finos
 *    (nudge óptico de borda/alinhamento), não espaçamento de layout —
 *    ficaram hardcoded, fora da grade de 6.4pt.
 * 4. font-size em `%` (ex. `html{font-size:62.5%}`, `textarea{font-size:100%}`)
 *    é mecanismo de escala relativa/herança, não um tamanho de texto —
 *    não entra na escala tipográfica, ficou como estava.
 * 5. A região "estranha" citada acima (~4600-8965 de main.css) e
 *    produtos/assets/css/interna.css (código órfão, não carregado) foram
 *    deixados de fora desta migração.
 */