/*
 * Tokens — Direção de Arte "Marcenaria de Luz" (Gate 2.5 aprovado).
 * Os valores são VINCULANTES: o build usa só estes (anti-"padrão Claude").
 *
 * Feito com carinho por Rino Alado — www.rinoalado.com.br
 */

:root {
	/* --- Cor --- */
	--c-onyx: #0B0B0C;        /* hero dramático, rodapé */
	--c-graphite: #1C1C1A;    /* texto principal sobre claro */
	--c-gold: #C9A24B;        /* acento, CTA fill, hairlines, roofline */
	--c-gold-bright: #E2C77E; /* hover/realce */
	--c-gold-deep: #7A5F1E;   /* ouro para texto sobre claro — escurecido p/ passar WCAG AA (contraste ≥4.5) */
	--c-cream: #F5EFE1;       /* fundo base (leitura) */
	--c-sand: #EDE6D6;        /* superfícies/cards */
	--c-walnut: #6B4A2B;      /* acento madeira */
	--c-white: #FBFBF7;
	--c-wa: #25D366;          /* só botão WhatsApp */

	/* Papéis semânticos */
	--bg: var(--c-cream);
	--bg-surface: var(--c-sand);
	--bg-invert: var(--c-onyx);
	--text: var(--c-graphite);
	--text-muted: #57514A;
	--text-invert: var(--c-cream);
	--accent: var(--c-gold);
	--border-hair: rgba(28, 28, 26, 0.14);
	--border-gold: rgba(201, 162, 75, 0.5);

	/* --- Tipografia --- */
	--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--font-body: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--fs-base: 1.0625rem;     /* 17px corpo */
	--lh-base: 1.7;
	--scale: 1.25;            /* escala modular */
	--fs-sm: 0.875rem;
	--fs-lg: 1.333rem;
	--fs-h3: 1.777rem;
	--fs-h2: 2.369rem;
	--fs-h1: clamp(2.6rem, 5vw, 4.2rem);

	/* --- Espaço / ritmo --- */
	--container: 1280px;
	--gutter: clamp(1.25rem, 4vw, 2.5rem);
	--space-1: 0.5rem;
	--space-2: 1rem;
	--space-3: 1.5rem;
	--space-4: 2.5rem;
	--space-5: 4rem;
	--space-6: 6rem;

	/* --- Forma --- */
	--radius: 6px;
	--radius-lg: 12px;

	/* --- Motion --- */
	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--dur: 0.6s;
}