:root {
  /* ── COLOR ── */
  --ink:           #F4EFE6;   /* texto principal — off-white quente */
  --paper:         #15130F;   /* canvas — carvão quente (NUNCA #000000) */
  --surface-mid:   #1E1B16;   /* superfície de cards e seções alternadas */
  --accent:        #C9A227;   /* dourado champagne — único acento */
  --accent-hover:  #DCB84A;
  --accent-deep:   #A88820;
  --accent-glow:   rgba(201, 162, 39, 0.25);
  --muted:         rgba(244, 239, 230, 0.45); /* texto secundário/atenuado */
  --hairline:      rgba(201, 162, 39, 0.15);  /* bordas em superfícies escuras */

  /* Overlays sobre vídeo (derivados do --paper) */
  --overlay-strong: rgba(21, 19, 15, 0.55);
  --overlay-soft:   rgba(21, 19, 15, 0.25);

  /* ── SPACING (escala de 8pt — NUNCA valor fora dessa escala) ── */
  --sp-1: 8px;   --sp-2: 16px;  --sp-3: 24px;
  --sp-4: 32px;  --sp-6: 48px;  --sp-8: 64px;
  --sp-12: 96px; --sp-16: 128px;

  /* Altura do nav fixo (64 + 8 = 72px, múltiplo de 8) */
  --nav-h: calc(var(--sp-8) + var(--sp-1));

  /* ── RADII ── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-pill: 999px;

  /* ── TYPOGRAPHY ── */
  --font-display: 'Space Grotesk', sans-serif;
  --font-body:    'Inter', sans-serif;

  /* ── SHADOWS (tingidas no carvão, nunca rgba(0,0,0,x) puro) ── */
  --shadow-sm:   0 1px 2px  rgba(21, 19, 15, 0.40);
  --shadow-md:   0 8px 24px rgba(21, 19, 15, 0.55);
  --shadow-lg:   0 20px 50px rgba(21, 19, 15, 0.70);
  --shadow-glow: 0 0 32px   rgba(201, 162, 39, 0.30); /* raro: 1 elemento/tela */

  /* ── MOTION ── */
  --ease-sig:     cubic-bezier(0.16, 1, 0.3, 1); /* assinatura — sem bounce/spring */
  --dur-ui:       0.4s;   /* hover, feedback */
  --dur-entrance: 1.2s;   /* entrada de seção */
}