/*
 * tokens.css — Design token definitions
 *
 * Single source of truth for all design values.
 * All component CSS files reference these custom properties.
 * No color, font-size, or spacing value is hard-coded outside this file.
 *
 * Populated in Phase 5 — CSS Implementation.
 */

/* ─── Self-hosted fonts ─────────────────────────────────── */
/*
 * @font-face declarations are generated in PHP by rendell_get_font_face_css()
 * (inc/fonts.php) and injected via wp_add_inline_style( 'rendell-tokens' )
 * in inc/enqueue.php.
 *
 * Font files: inc/fonts/ — woff2 only.
 * URLs: generated by get_theme_file_uri() — no hardcoded domain or path.
 *
 * To add or remove a typeface, edit inc/fonts.php.
 */

:root {
	/* Colors */
	--green:      #1F3D2B;
	--green-mid:  #2A5239;
	--green-dark: #162C1F;
	--gold:       #C8A96A;
	--gold-light: #DFC28E;
	--white:      #F7F7F5;
	--cream:      #EDE9E0;
	--cream-dark: #E5E0D8;
	--charcoal:   #2B2B2B;
	--muted:      #545D6B; /* darkened from #6B7280 — WCAG AA contrast on white/cream */

	/* Typography */
	--font-serif: 'Cormorant Garamond', Georgia, serif;
	--font-sans:  'DM Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Spacing */
	--space-xs:  0.5rem;
	--space-sm:  1rem;
	--space-md:  2rem;
	--space-lg:  4rem;
	--space-xl:  6rem;

	/* Layout */
	--container-max: 1240px;
	--header-height: 64px;

	/* Borders */
	--radius-sm: 2px;
	--radius-md: 4px;

	/* Shadows */
	--shadow-header: 0 4px 32px rgba(0, 0, 0, 0.25);

	/* Transitions */
	--transition-base:   0.2s ease;
	--transition-medium: 0.3s ease;
}