/* ==========================================================
   Token del sito: colori, superfici, tipografia, misure, movimento.
   I nomi storici (--gs-acid, --gs-pink…) restano: il vecchio CSS li usa ovunque.
   ========================================================== */
:root {
	/* Palette: crema, espresso, rame */
	--gs-paper: #ebe6df;
	--gs-ink: #2b1e16;
	--gs-acid: #8a4b25;          /* rame: accento principale, 5.4:1 sul crema */
	--gs-acid-deep: #6f3a1b;     /* rame scuro: testo sul crema scuro, 7.4:1 sul crema */
	--gs-acid-light: #d9a27a;    /* rame chiaro: accento sulle fasce scure, 7.2:1 sull'espresso */
	--gs-pink: #d8ccbe;          /* crema scuro: secondo tono */
	--gs-grey: #604e3f;          /* testo secondario: 6.4:1 sul crema, 5:1 sulla sabbia */
	--gs-on-accent: #ffffff;

	/* Superficie corrente: ogni fascia ridefinisce questi valori (vedi components.css) */
	--s-bg: var(--gs-paper);
	--s-fg: var(--gs-ink);
	--s-muted: var(--gs-grey);
	--s-link: var(--gs-ink);
	--s-link-hover: var(--gs-acid);
	--s-focus: var(--gs-ink);
	--s-focus-halo: var(--gs-paper);
	--s-btn-bg: var(--gs-ink);
	--s-btn-fg: var(--gs-paper);
	--s-btn-bg-hover: var(--gs-acid);
	--s-btn-fg-hover: var(--gs-on-accent);
	--s-btn-line: var(--gs-ink);

	/* Tipografia */
	--gs-display: "Bricolage Grotesque", "Onest", "Helvetica Neue", Arial, sans-serif;
	--gs-mono: var(--gs-display);
	--gs-text-sm: 15px;
	--gs-text: 18px;
	--gs-text-lg: clamp(20px, 1.2vw + 14px, 24px);

	/* Misure */
	--gs-gutter: clamp(16px, 4vw, 56px);
	--gs-radius: 12px;           /* campi, selettori, righe dei menu */
	--gs-radius-lg: 20px;        /* pannelli, menu, card */
	--gs-radius-pill: 999px;     /* pulsanti: sempre rotondi */
	--gs-control-sm: 44px;       /* altezza minima toccabile */
	--gs-control: 52px;
	--gs-control-lg: 60px;
	--gs-langbar-h: 34px;
	--gs-line: 2px solid var(--gs-ink);
	--gs-shadow: none;

	/* Movimento: una sola curva e due durate per tutto il sito */
	--gs-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--gs-fast: 180ms;
	--gs-slow: 420ms;
	--gs-nudge: 4px;             /* spostamento della freccia nei link */
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--gs-fast: 0ms;
		--gs-slow: 0ms;
		--gs-nudge: 0px;
	}
}

/* Russo: Bricolage non ha il cirillico, Onest sì e ha lo stesso disegno grottesco */
:lang(ru) {
	--gs-display: "Onest", "Helvetica Neue", Arial, sans-serif;
	font-family: var(--gs-display);
}