/**
 * DESIGN TOKENS
 * Palette Verde Smeraldo + Oro - Sharp & Flask
 */

:root {
	/* ===== COLORI PRIMARI ===== */
	--green-darkest: #0d1f12;
	--green-darker: #142318;
	--green-dark: #1a3d24;
	--green-main: #1e5631;
	--green-light: #2d7a45;

	--gold: #c9a55c;
	--gold-light: #d4b978;
	--gold-dark: #a88b4a;

	--cream: #f5f0e6;
	--cream-dark: #e8e0d0;

	/* ===== MAPPING SEMANTICO ===== */
	--bg: var(--green-darkest);
	--bg-darker: #091510;
	--bg-lighter: var(--green-darker);

	--panel: rgba(30, 86, 49, 0.15);
	--panel-border: rgba(201, 165, 92, 0.15);
	--panel-hover: rgba(30, 86, 49, 0.25);

	--text: var(--cream);
	--text-secondary: rgba(245, 240, 230, 0.85);
	--muted: rgba(245, 240, 230, 0.5);

	/* ===== TIPOGRAFIA ===== */
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-heading: 'Playfair Display', Georgia, serif;

	--text-xs: 0.75rem;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;

	--h1-size: clamp(2.5rem, 6vw, 4rem);
	--h2-size: clamp(1.75rem, 4vw, 2.5rem);
	--h3-size: clamp(1.25rem, 3vw, 1.75rem);
	--h4-size: 1.125rem;

	--leading-tight: 1.2;
	--leading-normal: 1.5;
	--leading-relaxed: 1.7;

	--tracking-tight: -0.02em;
	--tracking-normal: 0;
	--tracking-wide: 0.05em;
	--tracking-wider: 0.1em;

	/* ===== SPAZIATURE ===== */
	--spacing-xs: 0.25rem;
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 1.5rem;
	--spacing-xl: 2rem;
	--spacing-2xl: 3rem;
	--spacing-3xl: 4rem;

	/* ===== LAYOUT ===== */
	--container-max: 1200px;
	--container-narrow: 800px;
	--container-padding: 1.5rem;

	--section-padding: 5rem;
	--section-padding-sm: 3rem;

	/* ===== Z-INDEX ===== */
	--z-fixed: 1000;
	--z-modal: 2000;

	/* ===== EFFETTI ===== */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-xl: 20px;
	--radius-full: 9999px;
	--radius: 8px;

	--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
	--shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
	--shadow-gold: 0 0 30px rgba(201, 165, 92, 0.3);
	--shadow-green: 0 0 40px rgba(30, 86, 49, 0.4);

	--transition-fast: 0.15s ease;
	--transition-normal: 0.3s ease;
	--transition-slow: 0.5s ease;
}