/**
 * Nzele Brand Design System Variables
 * Quiet Luxury, Museum Quality, Sophisticated, Timeless.
 */

:root {
	/* 1. Core Color Palette */
	--nzle-white: #FFFFFF;
	--nzle-ivory: #FAF9F6;              /* Warm off-white museum background */
	--nzle-black: #111111;              /* Rich deep black */
	--nzle-charcoal: #2B2B2B;           /* Soft charcoal for primary body text */
	--nzle-gold-antique: #B08D57;       /* Muted brass accent gold */
	--nzle-gold-champagne: #D4AF37;     /* Bright gold for hover accents */
	
	/* 2. Semantic Color Mapping */
	--nzle-bg-primary: var(--nzle-ivory);
	--nzle-bg-secondary: var(--nzle-white);
	--nzle-text-primary: var(--nzle-black);
	--nzle-text-secondary: var(--nzle-charcoal);
	--nzle-accent: var(--nzle-gold-antique);
	--nzle-accent-hover: var(--nzle-gold-champagne);
	--nzle-border: #EAE6DF;             /* Muted organic border color matching ivory */

	/* 3. Spacing Scale (Generous padding & margins for breathing room) */
	--nzle-space-xs: 8px;
	--nzle-space-sm: 16px;
	--nzle-space-md: 24px;
	--nzle-space-lg: 32px;
	--nzle-space-xl: 48px;
	--nzle-space-xxl: 64px;
	--nzle-space-xxxl: 96px;
	--nzle-space-display: 120px;
	
	/* 4. Container Constraints */
	--nzle-container-width: 1400px;     /* Wide margins for an open presentation */

	/* 5. Typography Families */
	--nzle-font-headings: "Cormorant Garamond", Georgia, serif;
	--nzle-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

	/* 6. Typography Spacing & Weight Defaults */
	--nzle-letter-spacing-wide: 0.1em;
	--nzle-letter-spacing-extra-wide: 0.15em;
	--nzle-letter-spacing-tight: -0.02em;

	/* 7. Motion & Smooth Transitions */
	--nzle-transition-duration: 350ms;
	--nzle-transition-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
	--nzle-transition-default: all var(--nzle-transition-duration) var(--nzle-transition-easing);
}