/* ==========================================================================
   Ember — design tokens. Dark, cinematic, wood-fired.
   Charcoal base, ember-orange + amber + gold accents, warm cream text.
   ========================================================================== */
:root {
	/* surfaces */
	--em-bg:        #14100d;   /* near-black warm charcoal */
	--em-bg-1:      #1b1611;   /* raised panel */
	--em-bg-2:      #241d16;   /* raised panel 2 */
	--em-bg-3:      #2e251c;   /* hover / border-tint */

	/* text */
	--em-cream:     #f4ece0;   /* primary text */
	--em-ash:       #b6a692;   /* muted text */
	--em-ash-dim:   #7d7061;   /* faint text / captions */

	/* accents — fire */
	--em-ember:     #e4632a;   /* ember orange (primary) */
	--em-flame:     #f2933a;   /* amber flame */
	--em-gold:      #c9a24a;   /* brushed gold */
	--em-ember-deep:#b8461c;

	--em-line:      rgba(244, 236, 224, 0.12);
	--em-line-soft: rgba(244, 236, 224, 0.07);

	/* type */
	--em-serif: 'Cormorant Garamond', 'Times New Roman', serif;
	--em-sans:  'Jost', -apple-system, 'Segoe UI', system-ui, sans-serif;

	/* modular scale (base 1.0625rem × ~1.28) */
	--fs-100: .78rem;
	--fs-200: .92rem;
	--fs-300: 1.0625rem;
	--fs-400: 1.32rem;
	--fs-500: 1.7rem;
	--fs-600: clamp(2rem, 3.2vw, 2.9rem);
	--fs-700: clamp(2.6rem, 5vw, 4rem);
	--fs-800: clamp(3.4rem, 8vw, 6.6rem);

	/* spacing (8px base) */
	--sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 40px;
	--sp-5: 64px; --sp-6: 96px; --sp-7: 140px;

	--em-radius: 6px;
	--em-radius-lg: 16px;
	--em-ease: cubic-bezier(.22, 1, .36, 1);
	--em-shadow: 0 40px 90px -50px rgba(0,0,0,.9);
	--em-glow: 0 0 60px -12px rgba(228, 99, 42, .55);
	--em-maxw: 1240px;
	--em-gutter: clamp(20px, 5vw, 56px);
}