/**
 * Tokens de design (do Figma) + fontes auto-hospedadas.
 * Variáveis CSS reutilizadas por todas as telas (RN-11, RN-12).
 *
 * @package valquiria-ramos
 */

/* Fontes variáveis, servidas do próprio site (sem CDN) — RN-12. */
@font-face {
	font-family: "Source Sans 3";
	src: url("../fonts/source-sans-3.woff2") format("woff2");
	font-weight: 300 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Nunito";
	src: url("../fonts/nunito.woff2") format("woff2");
	font-weight: 300 800;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Cores (Figma) */
	--vr-gold: #c59346;          /* Brand/1 */
	--vr-gold-light: #d7aa65;    /* tagline */
	--vr-gold-grad-1: #a57324;   /* botão Contato */
	--vr-gold-grad-2: #c4a265;
	--vr-cream: #f8f6f3;         /* Gray/7 */
	--vr-dark: #332d28;          /* Gray/2 */
	--vr-text: #332d28;
	--vr-text-2: #645c58;        /* Gray/3 */
	--vr-text-muted: #89807b;    /* Gray/4 */
	--vr-border: #dbdbdb;        /* Gray/5 — bordas (inputs, cards, filtros) */
	--vr-line: #ededed;          /* Gray/6 — linhas divisórias (hr) */
	--vr-black: #000;            /* Gray/1 */

	/* Tipografia */
	--vr-font-ui: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--vr-font-display: "Nunito", var(--vr-font-ui);

	/* Escala */
	--vr-container: 1280px;
	--vr-gutter: clamp(16px, 4vw, 72px);
	--vr-radius: 8px;
	--vr-radius-pill: 100px;

	/* Espaçamentos */
	--vr-space-1: 4px;
	--vr-space-2: 8px;
	--vr-space-3: 12px;
	--vr-space-4: 16px;
	--vr-space-5: 24px;
	--vr-space-6: 32px;
	--vr-space-7: 48px;
	--vr-space-8: 64px;

	/* Header */
	--vr-header-h: 88px;
}