/*
 * RecargaEV — Design tokens
 * Identidade: navy #002260, escuro #1A1919, acento ciano #27B7E1,
 * títulos Lexend Deca (600/700), corpo DM Sans (400/500/700).
 * Fontes hospedadas localmente (assets/fonts/) — sem requisições a terceiros.
 */

/* ----------------------------------------------------------------------------
 * Fontes locais (woff2, subconjunto latin)
 * -------------------------------------------------------------------------- */
@font-face {
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/lexend-deca-600.woff2') format('woff2');
}

@font-face {
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/lexend-deca-700.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/dm-sans-400.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/dm-sans-500.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/dm-sans-700.woff2') format('woff2');
}

/* ----------------------------------------------------------------------------
 * Tokens
 * -------------------------------------------------------------------------- */
:root {
	/* Cores — marca */
	--c-navy: #002260;
	--c-navy-mid: #002f84;
	--c-navy-deep: #001336;
	--c-navy-ink: #000e27;
	--c-dark: #1a1919;
	--c-accent: #27b7e1;
	--c-accent-soft: rgba(39, 183, 225, 0.12);

	/* Cores — texto e superfícies */
	--c-text: #2b3440;
	--c-text-soft: #5b5b5b;
	--c-muted: #7a7a7a;
	--c-line: #e3e7ec;
	--c-surface: #ffffff;
	--c-surface-soft: #f4f6f9;
	--c-card-navy: rgba(0, 14, 39, 0.4); /* overlay dos cards escuros (marca) */
	--c-on-navy: #ffffff;
	--c-on-navy-soft: rgba(255, 255, 255, 0.72);

	/* Cores — feedback */
	--c-success: #0e9f6e;
	--c-danger: #c81e1e;
	--c-warning: #b45309;

	/* Tipografia */
	--font-head: 'Lexend Deca', system-ui, -apple-system, sans-serif;
	--font-body: 'DM Sans', system-ui, -apple-system, sans-serif;

	--fs-hero: clamp(2.25rem, 4.6vw, 4.0625rem); /* 65px no desktop (marca) */
	--fs-h1: clamp(2rem, 3.6vw, 3.25rem);
	--fs-h2: clamp(1.6rem, 2.8vw, 2.5rem);
	--fs-h3: clamp(1.2rem, 1.8vw, 1.5rem);
	--fs-h4: 1.125rem;
	--fs-body: 1rem;
	--fs-lead: clamp(1.0625rem, 1.4vw, 1.25rem); /* 20px no desktop (marca) */
	--fs-small: 0.875rem;
	--fs-xs: 0.75rem;

	--lh-tight: 1.15;
	--lh-snug: 1.35;
	--lh-body: 1.7;

	/* Espaçamento */
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2rem;
	--space-7: 3rem;
	--space-8: 4rem;
	--section: clamp(4rem, 7vw, 6.5rem);
	--container: 1720px;
	--container-narrow: 820px;
	--gutter: clamp(1.25rem, 4vw, 2rem);

	/* Raios (botão 15px = marca) */
	--radius-btn: 15px;
	--radius-card: 18px;
	--radius-sm: 10px;
	--radius-pill: 999px;

	/* Sombras */
	--shadow-sm: 0 1px 2px rgba(0, 14, 39, 0.06), 0 2px 6px rgba(0, 14, 39, 0.06);
	--shadow-md: 0 6px 18px rgba(0, 14, 39, 0.1);
	--shadow-lg: 0 18px 48px rgba(0, 14, 39, 0.18);

	/* Movimento */
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--dur: 0.25s;
	--dur-slow: 0.45s;

	/* Header */
	--header-h: 84px;
	--header-h-scrolled: 68px;
}