/*
 * Tokens do redesign v5 (forja23, fase 0). INATIVO: so e carregado quando floripa_na_web_v5_ativo() e verdadeiro
 * (inc/v5.php), e todo valor mora sob `body.fw-v5`, classe que nenhuma pagina tem ate as fases seguintes.
 * Valores copiados LITERALMENTE da tabela "Design tokens" do README do handoff (design/design_handoff_floripa_na_web).
 * Prefixo --fw5-: nao redefine nenhum token do tema atual (style.css, 1.2.5).
 */

body.fw-v5 {
	/* Cores */
	--fw5-tinta: #14171a;                    /* fundo escuro: header, hero, faixas escuras, texto forte */
	--fw5-texto: #201e1d;                    /* corpo de texto em fundo claro */
	--fw5-papel: #f3f2f2;                    /* fundo das secoes claras */
	--fw5-superficie: #eae9e9;               /* blocos de anuncio */
	--fw5-card: #f8f4f4;                     /* cards claros (neutral-100) */
	--fw5-amarelo: #f2c230;                  /* botoes primarios, destaques, selo Vivencia, marcador ativo. NUNCA como cor de texto sobre fundo claro */
	--fw5-kicker: color-mix(in srgb, #f2c230 45%, #14171a); /* rotulos em caixa alta acima dos titulos, sobre claro */
	--fw5-ciano: #006786;                    /* links de texto */
	--fw5-ciano-hover: #004961;
	--fw5-ciano-claro: #e9f8ff;              /* selo "Conferido em fonte oficial" */
	--fw5-ciano-claro-texto: #004961;
	--fw5-magenta-claro: #fff1f4;            /* selo "Link de parceiro" (so este uso) */
	--fw5-magenta-claro-texto: #790e3d;
	--fw5-texto-sobre-escuro: #f3f2f2;
	--fw5-texto-sobre-escuro-suave: rgba(243,242,242,.78);
	--fw5-texto-sobre-escuro-forte: rgba(243,242,242,.9);
	--fw5-faixa-bege: color-mix(in srgb, #f2c230 10%, #eae9e9); /* secao Transparencia / Carro */

	/* Tipografia (familias locais: assets/v5/fontes.css) */
	--fw5-fonte-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fw5-fonte-texto: 'Source Serif 4', Georgia, 'Times New Roman', serif;
	--fw5-display-peso: 800;                 /* "Florianopolis"; 500 e 700 nos subtitulos e botoes */
	--fw5-display-tamanho: clamp(58px,10vw,148px); /* 58-148px */
	--fw5-display-altura-linha: .9;
	--fw5-display-tracking: -0.05em;
	--fw5-h2-tamanho-min: 32px;              /* H2: 32-60px */
	--fw5-h2-tamanho-max: 60px;
	--fw5-h2-altura-linha: 1.05;             /* 1-1.05 */
	--fw5-h2-tracking: -0.02em;
	--fw5-corpo-tamanho-min: 15px;           /* corpo 15-19px */
	--fw5-corpo-tamanho-max: 19px;
	--fw5-corpo-altura-linha: 1.6;           /* 1.55-1.6 */
	--fw5-kicker-fonte: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--fw5-kicker-peso: 700;
	--fw5-kicker-tamanho: 12px;
	--fw5-kicker-tracking: .22em;            /* caixa alta, precedido de um traco amarelo de 28x2px */
	--fw5-kicker-traco-largura: 28px;
	--fw5-kicker-traco-altura: 2px;

	/* Forma */
	--fw5-raio-card-pequeno: 16px;           /* cards 16-18px */
	--fw5-raio-card: 18px;
	--fw5-raio-foto-pequeno: 14px;           /* fotos 14-18px */
	--fw5-raio-foto: 18px;
	--fw5-raio-mapa: 32px;
	--fw5-raio-pilula: 999px;                /* botoes e chips */
	--fw5-sombra-sm: 0 1px 2px rgba(45,43,43,.14);
	--fw5-sombra-md: 0 3px 10px rgba(45,43,43,.16);
	--fw5-sombra-lg: 0 12px 32px rgba(45,43,43,.22);

	/* Espaco */
	--fw5-container: 1320px;
	--fw5-pad-lateral: clamp(20px,4vw,56px);
	--fw5-respiro: clamp(56px,8vw,112px);    /* vertical entre secoes */
	--fw5-toque: 44px;                       /* area de toque minima */

	/* Movimento (mesmos valores do motion.js; ver assets/v5/motion.js) */
	--fw5-mov-duracao: 760ms;
	--fw5-mov-curva: cubic-bezier(.2,.7,.2,1);
	--fw5-mov-deslocamento: 28px;
	--fw5-mov-cascata: 90ms;
	--fw5-kenburns-de: 1.12;
	--fw5-kenburns-duracao: 16s;
}