/*
 * tokens.css — variabilele de design ale platformei.
 *
 * VALORI PLACEHOLDER. Identitatea vizuală reală vine de la Horia (întrebarea 9
 * din BRIEF.md). Punctul de plecare este paleta TNL: albastru + galben.
 * Când vin materialele finale, se schimbă DOAR acest fișier.
 *
 * Fonturile sunt self-hosted sau de sistem. Fără Google Fonts — GDPR.
 */

:root {
	/* --- Culori de brand ------------------------------------------------ */
	--tnl-albastru: #0a3d7a;
	--tnl-albastru-inchis: #06284f;
	--tnl-albastru-deschis: #1e5fa8;
	--tnl-galben: #f5b800;
	--tnl-galben-inchis: #c99500;

	/* --- Neutre ---------------------------------------------------------- */
	--tnl-alb: #ffffff;
	--tnl-gri-100: #f5f6f8;
	--tnl-gri-200: #e6e8ec;
	--tnl-gri-300: #cdd1d9;
	--tnl-gri-500: #8b919c;
	--tnl-gri-700: #4a4f59;
	--tnl-gri-900: #1c1f26;

	/* --- Semantice ------------------------------------------------------- */
	--tnl-succes: #1f8a4c;
	--tnl-atentie: #d98200;
	--tnl-eroare: #c1332c;
	--tnl-info: var(--tnl-albastru-deschis);

	/* --- Roluri de suprafață --------------------------------------------- */
	--tnl-fundal: var(--tnl-gri-100);
	--tnl-suprafata: var(--tnl-alb);
	--tnl-text: var(--tnl-gri-900);
	--tnl-text-secundar: var(--tnl-gri-700);
	--tnl-bordura: var(--tnl-gri-200);
	--tnl-accent: var(--tnl-albastru);
	--tnl-accent-text: var(--tnl-alb);

	/* --- Tipografie ------------------------------------------------------ */
	--tnl-font-titlu: "League Spartan", system-ui, -apple-system, "Segoe UI", sans-serif;
	--tnl-font-text: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--tnl-font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;

	--tnl-text-xs: 0.75rem;
	--tnl-text-sm: 0.875rem;
	--tnl-text-md: 1rem;
	--tnl-text-lg: 1.125rem;
	--tnl-text-xl: 1.375rem;
	--tnl-text-2xl: 1.75rem;

	--tnl-linie: 1.55;
	--tnl-linie-strans: 1.2;
	--tnl-greutate-normal: 400;
	--tnl-greutate-medie: 600;
	--tnl-greutate-bold: 700;

	/* --- Spațieri (scală de 4px) ----------------------------------------- */
	--tnl-sp-1: 0.25rem;
	--tnl-sp-2: 0.5rem;
	--tnl-sp-3: 0.75rem;
	--tnl-sp-4: 1rem;
	--tnl-sp-5: 1.5rem;
	--tnl-sp-6: 2rem;
	--tnl-sp-7: 3rem;

	/* --- Formă ----------------------------------------------------------- */
	--tnl-raza-sm: 6px;
	--tnl-raza-md: 10px;
	--tnl-raza-lg: 16px;
	--tnl-umbra-sm: 0 1px 2px rgba(6, 40, 79, 0.08);
	--tnl-umbra-md: 0 2px 10px rgba(6, 40, 79, 0.10);

	/* --- Layout ---------------------------------------------------------- */
	--tnl-latime-max: 1100px;
	--tnl-inaltime-nav: 60px;
	--tnl-tinta-tap: 44px; /* minim pentru degete, WCAG */

	/* --- Mișcare --------------------------------------------------------- */
	--tnl-tranzitie: 160ms ease;
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--tnl-tranzitie: 0ms;
	}
}