/* Design tokens — fiRe Store. Paleta extraída do logo (gradiente chama) e do mascote (fundo escuro, olhos verde-água). */
:root {
  /* Gradiente de marca */
  --flame-yellow: #ffc93c;
  --flame-orange: #ff7a1a;
  --flame-pink: #e63875;
  --gradient-flame: linear-gradient(135deg, var(--flame-yellow) 0%, var(--flame-orange) 55%, var(--flame-pink) 100%);

  /* Fundo escuro (hero, prova social, footer) */
  --bg-dark: #17120f;
  --bg-dark-2: #1f1712;
  --bg-dark-3: #2a201a;

  /* Acento secundário (olhos do mascote) — contraste sobre fundo escuro sem depender só do gradiente quente */
  --accent-teal: #35d6b4;
  --accent-teal-dim: #24a88a;

  /* Neutros mornos (texto/superfícies claras) */
  --neutral-0: #ffffff;
  --cream-50: #f7eee4;
  --cream-100: #efe2d3;
  --neutral-50: #faf7f5;
  --neutral-100: #f1ebe7;
  --neutral-200: #e2d8d2;
  --neutral-400: #a99b93;
  --neutral-600: #6f6259;
  --neutral-800: #3a322c;
  --neutral-900: #241c17;

  /* Texto */
  --text-on-light: var(--neutral-900);
  --text-on-light-muted: var(--neutral-600);
  --text-on-dark: var(--neutral-50);
  --text-on-dark-muted: var(--neutral-200);

  /* Feedback */
  --color-success: #35b46a;
  --color-error: #ff5a5f;

  /* Tipografia */
  --font-display: "Poppins", "Segoe UI", sans-serif;
  --font-body: "Inter", "Segoe UI", sans-serif;

  /* Escala de espaçamento (base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Raio e sombra */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 999px;
  --shadow-sm: 0 2px 8px rgba(36, 28, 23, 0.08);
  --shadow-md: 0 8px 24px rgba(36, 28, 23, 0.14);
  --shadow-glow-flame: 0 0 32px rgba(255, 122, 26, 0.35);
  --shadow-lg: 0 24px 60px rgba(23, 18, 15, 0.22);

  /* Layout */
  --container-max: 1200px;
  --header-height: 72px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 160ms;
  --duration-base: 320ms;
}