/**
 * Scattolin UI — design tokens + typography utilities
 * Wine Dossier × investigative typewriter aesthetic
 */

:root {
	/* Palette */
	--sc-paper: #f7f4ea;
	--sc-stage: #1e1e1c;
	--sc-ink: #222222;
	--sc-muted: #5c5549;
	--sc-stamp: #8c1d24;
	--sc-terra: #4a5d4e;
	--sc-rule: #d5cec1;
	--sc-paper-soft: #efe9dc;
	--sc-on-stage: #f7f4ea;
	--sc-on-stamp: #f7f4ea;

	/* Compat aliases used by layout CSS */
	--sc-bg: var(--sc-stage);
	--sc-bg-2: #161614;
	--sc-card: var(--sc-paper);
	--sc-soft: var(--sc-paper-soft);
	--sc-stroke: var(--sc-rule);
	--sc-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
	--sc-radius: 20px;
	--sc-radius-sm: 14px;
	--sc-black: var(--sc-stage);
	--sc-accent: var(--sc-terra);
	--sc-rail: 72px;

	/* Type stack */
	--sc-font-type: "Special Elite", "Courier New", Courier, monospace;
	--sc-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--sc-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
	--sc-font: var(--sc-font-sans);
}

/* Typewriter — titles, stamps, field labels */
.sc-type {
	font-family: var(--sc-font-type);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 400;
}

/* Editorial serif — narratives, tasting notes */
.sc-serif {
	font-family: var(--sc-font-serif);
	font-weight: 400;
	letter-spacing: 0.01em;
}

/* Service sans — nav, buttons, compact data */
.sc-sans {
	font-family: var(--sc-font-sans);
	letter-spacing: 0;
}

body.scattolin-ui {
	font-family: var(--sc-font-sans);
	color: var(--sc-ink);
	background: var(--sc-stage);
}