/**
 * SWEB — Design tokens
 * Generat din exportul Elementor: design/global-variables.json + design/custom-fonts.json
 * Sursă unică de adevăr pentru culori și fonturi. NU edita manual valorile brute;
 * regenerează din exportul de design când se schimbă.
 */

/* -------------------------------------------------------------------------- *
 * Fonturi custom (din design/custom-fonts.json)
 * -------------------------------------------------------------------------- */
@font-face {
	font-family: 'Shermlock';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('/wp-content/uploads/2026/05/Shermlock.ttf') format('truetype');
}

@font-face {
	font-family: 'Freeman';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('/wp-content/uploads/2026/05/Freeman-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Google Sans Flex';
	font-style: normal;
	/* Font VARIABIL: declaram intervalul de greutati + `truetype-variations`, altfel
	   Safari nu recunoaste axele si randa instanta implicita (arata ciudat). — Seba */
	font-weight: 100 900;
	font-display: swap;
	src: url('/wp-content/uploads/2026/05/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght.ttf') format('truetype-variations'),
	     url('/wp-content/uploads/2026/05/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght.ttf') format('truetype');
}

/* -------------------------------------------------------------------------- *
 * Paleta brută de culori (din design/global-variables.json)
 * -------------------------------------------------------------------------- */
:root {
	/* Familii de fonturi */
	--sweb-font-display: 'Shermlock', cursive;
	--sweb-font-heading: 'Freeman', sans-serif;
	--sweb-font-body: 'Google Sans Flex', sans-serif;
	--sweb-font-desc: 'Inter', sans-serif;

	/* Follies (fol-) */
	--sweb-fol-dark-brown: #4E220B;
	--sweb-fol-light-brown: #8D6C5A;
	--sweb-fol-orange: #D35A0C;
	--sweb-fol-light-gray: #DFD5CF;
	--sweb-fol-light-yellow: #FEFAF0;
	--sweb-fol-green: #277109;
	--sweb-fol-red: #D73B3B;

	/* Pizza Americana (ame-) */
	--sweb-ame-yellow: #FFD500;
	--sweb-ame-orange: #F57A20;
	--sweb-ame-red: #E3403E;
	--sweb-ame-black: #1A1A1A;
	--sweb-ame-dark-gray: #4A5565;
	--sweb-ame-light-yellow: #FFF2B2;
	--sweb-ame-green: #277109;

	/* General (gen-) */
	--sweb-gen-dark-brown: #4E220B;
	--sweb-gen-light-brown: #8D6C5A;
	--sweb-gen-orange: #C54D00;
	--sweb-gen-light-gray: #DFD5CF;
	--sweb-gen-light-beige: #FAF7F4;
	--sweb-gen-white: #FFFDF9;
	--sweb-gen-green: #FFFFFF; /* NOTĂ: etichetat „gen-green" în export dar valoarea e albă. */

	/* Jerry (jer-) — paletă din designul Figma „Category Jerry". */
	--sweb-jer-primary: #F57A20;
	--sweb-jer-dark: #1A1A1A;
	--sweb-jer-light: #FFFFFF;
	--sweb-jer-yellow: #FFD500;
	--sweb-jer-gray: #525252;
}