/*
 * Tokens de design — identidade Castanho Automóveis (extraída do logotipo).
 * Trocar a identidade = editar somente este arquivo.
 */
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/barlow-400.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/barlow-600.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 700; font-display: swap; src: url("../fonts/barlow-700-italic.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: italic; font-weight: 800; font-display: swap; src: url("../fonts/barlow-800-italic.woff2") format("woff2"); }

:root {
	/* Marca: vermelho #FB000F e grafite #555756 do logotipo */
	--c-brand: #fb000f;          /* decorativo e elementos grandes */
	--c-accent: #d4000d;         /* botões/links (contraste AA com branco) */
	--c-accent-hover: #b3000b;
	--c-accent-ink: #ffffff;
	--c-graphite: #555756;

	--c-bg: #ffffff;
	--c-surface: #f3f3f2;
	--c-ink: #1b1d1f;
	--c-muted: #5d6063;
	--c-line: #e3e3e1;
	--c-dark: #1b1d1f;
	--c-dark-2: #26292c;
	--c-dark-ink: #f5f5f3;

	--c-wa: #11803f;
	--c-wa-hover: #0d6a33;
	--c-wa-ink: #ffffff;
	--c-sold: #5d6063;

	--font-body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-display: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	--radius: 8px;
	--radius-lg: 14px;
	--container: 1200px;
	--gutter: 16px;
	--shadow: 0 1px 2px rgba(27, 29, 31, .06), 0 2px 8px rgba(27, 29, 31, .05);
	--shadow-lg: 0 10px 30px rgba(27, 29, 31, .16);
	--header-h: 68px;
}