/*!
Theme Name:   lafeixa
Theme URI:    https://imesdisseny.com
Description:  Child theme per a La Feixa Gourmet basat en Divi 5
Author:       imesdisseny
Author URI:   https://imesdisseny.com
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  lafeixa
*/

/* ==========================================================================
   TOKENS — Variables de marca
   ========================================================================== */

:root {
	--color-primary:    #4a5d43; /* Verde musgo */
	--color-secondary:  #b8860b; /* Oro viejo */
	--color-bg:         #f5f1e8; /* Crema */
	--color-accent:     #c97b4a; /* Terracota */
	--color-text:       #2c2c2c;
	--color-text-light: #6b6b6b;
	--color-white:      #ffffff;
	--color-black:      #000000;

	--font-primary:   'Georgia', serif;
	--font-secondary: 'Helvetica Neue', Arial, sans-serif;

	--radius-sm:  4px;
	--radius-md:  8px;
	--radius-lg:  16px;

	--shadow-sm:  0 1px 3px rgba(0,0,0,.10);
	--shadow-md:  0 4px 12px rgba(0,0,0,.12);
	--shadow-lg:  0 8px 32px rgba(0,0,0,.16);

	--transition: .25s ease;

	--container-max: 1280px;
	--container-pad: clamp(1rem, 4vw, 2rem);
}

/* ==========================================================================
   BASE
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
video {
	max-width: 100%;
	height: auto;
}

/* ==========================================================================
   RESPONSIVE — Breakpoints alineats amb Divi 5
   ========================================================================== */

/* --- Large desktop: ≥ 1440px -------------------------------------------- */
@media (min-width: 1440px) {
}

/* --- Desktop: 981px – 1439px (default Divi desktop breakpoint) ----------- */
@media (min-width: 981px) and (max-width: 1439px) {
}

/* --- Tablet landscape: 768px – 980px (Divi "tablet" breakpoint superior) - */
@media (max-width: 980px) {
}

/* --- Tablet portrait: 600px – 767px -------------------------------------- */
@media (max-width: 767px) {
}

/* --- Mobile: ≤ 479px (Divi mobile breakpoint) ---------------------------- */
@media (max-width: 479px) {
}