/**
 * Primeira Essência — Design Tokens
 * Única fonte de verdade para cor, tipografia, espaçamento e afins.
 * Não editável pelo painel: controla o Design System, não o conteúdo.
 */

:root {
	/* Paleta base (identidade oficial) */
	--pe-gold: #D4AF37;
	--pe-bronze: #B8874A;
	--pe-cream: #F7E7C2;
	--pe-black: #0D0D10;
	--pe-graphite: #1C1C22;

	/* Paleta derivada */
	--pe-graphite-light: #26262E;
	--pe-white: #F5F2EC;

	/* Cores semânticas */
	--pe-color-bg: var(--pe-black);
	--pe-color-surface: var(--pe-graphite);
	--pe-color-surface-hover: var(--pe-graphite-light);
	--pe-color-text: var(--pe-white);
	--pe-color-text-muted: rgba(245, 242, 236, 0.64);
	--pe-color-gold: var(--pe-gold);
	--pe-color-bronze: var(--pe-bronze);
	--pe-color-border: rgba(245, 242, 236, 0.12);
	--pe-color-border-gold: rgba(212, 175, 55, 0.35);
	--pe-color-overlay: rgba(13, 13, 16, 0.72);
	--pe-color-focus: var(--pe-gold);

	/* Tipografia */
	--pe-font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--pe-font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

	--pe-text-display: clamp(2.5rem, 1.85rem + 2.6vw, 4.25rem);
	--pe-text-h1: clamp(2rem, 1.6rem + 1.6vw, 3rem);
	--pe-text-h2: clamp(1.5rem, 1.3rem + 0.8vw, 2.125rem);
	--pe-text-h3: clamp(1.15rem, 1.05rem + 0.4vw, 1.375rem);
	--pe-text-lead: clamp(1.05rem, 1rem + 0.2vw, 1.1875rem);
	--pe-text-body: 1rem;
	--pe-text-small: 0.875rem;
	--pe-text-eyebrow: 0.8125rem;

	--pe-leading-tight: 1.15;
	--pe-leading-snug: 1.35;
	--pe-leading-normal: 1.65;

	--pe-tracking-eyebrow: 0.14em;
	--pe-tracking-nav: 0.02em;

	/* Layout */
	--pe-container-max: 1240px;
	--pe-container-padding: clamp(1.25rem, 4vw, 3rem);

	/* Espaçamento */
	--pe-space-1: 0.25rem;
	--pe-space-2: 0.5rem;
	--pe-space-3: 0.75rem;
	--pe-space-4: 1rem;
	--pe-space-5: 1.5rem;
	--pe-space-6: 2rem;
	--pe-space-8: 3rem;
	--pe-space-10: 4rem;
	--pe-space-12: 5rem;
	--pe-space-14: 6rem;
	--pe-space-16: 7rem;

	/* Bordas e formas */
	--pe-radius-sm: 4px;
	--pe-radius-md: 8px;
	--pe-radius-lg: 16px;
	--pe-radius-pill: 999px;

	/* Sombra */
	--pe-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.25);
	--pe-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.35);

	/* Transições */
	--pe-transition-fast: 150ms ease;
	--pe-transition-base: 220ms ease;
	--pe-transition-slow: 400ms ease;

	/* Motion (scroll reveals, microinterações — assets/css/motion.css) */
	--pe-motion-fast: 220ms;
	--pe-motion-base: 650ms;
	--pe-motion-slow: 900ms;
	--pe-ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
	--pe-reveal-distance: 26px;
	--pe-stagger-step: 90ms;

	/* Camadas */
	--pe-z-header: 50;
	--pe-z-float: 55;
	--pe-z-overlay: 60;
	--pe-z-mobile-nav: 70;
}