/*
 * TCguitar Child — Design tokens + cascade layers
 * Layer order: reset → tokens → base → components → layouts → pages → utilities
 * Snippet #16 ("TCguitar — Article Styles") falls in `components` and consumes
 * --tcg-accent via fallback. Single source of truth for color/typography here.
 */

:root {
	/* Brand palette — prototype values, NOT old snippet #16 */
	--accent: #7a2a20;
	--accent-soft: #a64537;
	--accent-bg: #f3e6dd;
	--bg: #f7f1e3;
	--surface: #fbf6ea;
	--text: #29261b;
	--text-muted: #6b6354;
	--border: rgba(41, 38, 27, 0.10);

	/* Token-sync with existing snippet #16 — old --tcg-accent becomes alias */
	--tcg-accent: var(--accent);
	--tcg-bg: var(--bg);
	--tcg-surface: var(--surface);
	--tcg-text: var(--text);
	--tcg-muted: var(--text-muted);
	--tcg-border: var(--border);

	/* Typography */
	--font-display: "Cormorant Garamond", Georgia, serif;
	--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
	--font-mono: "JetBrains Mono", ui-monospace, monospace;

	/* Spacing */
	--pad-x: clamp(20px, 5vw, 72px);
	--gap-section: 96px;
	--max-w: 1320px;
	--max-w-article: 720px;
}