/* Tokens da HOPE Agência — cores do brand book 2026 (mesmas da plataforma HOPE Content). */
:root {
  /* Marca */
  --hope-noite: #0E211B;
  --hope-noite-profunda: #08140F;
  --hope-superficie: #12291F;
  --hope-superficie-2: #183328;
  --hope-linha: #24423A;
  --hope-verde: #1B3A2F;
  --hope-ouro: #C9A961;
  --hope-ouro-claro: #EBD9A8;
  --hope-argila: #B88950;
  --hope-offwhite: #F7F3EA;
  --hope-areia: #EDE6D6;
  --hope-linho: #D7CBAF;
  --hope-texto-suave: #A7B3AC;

  /* Papéis (usados por base.css) */
  --cor-fundo: var(--hope-noite);
  --cor-superficie: var(--hope-superficie);
  --cor-texto: var(--hope-offwhite);
  --cor-texto-suave: var(--hope-texto-suave);
  --cor-marca: var(--hope-ouro);
  --cor-acento: var(--hope-ouro);
  --cor-cta: var(--hope-ouro);
  --cor-cta-texto: var(--hope-noite);
  --cor-borda: var(--hope-linha);
  --cor-sobre-foto: var(--hope-offwhite);

  /* Fontes */
  --fonte-display: "Cormorant Garamond", Georgia, serif;
  --fonte-texto: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --peso-display: 300;
  --peso-texto: 400;
  --peso-forte: 500;

  /* Escala fluida */
  --texto-xs: clamp(0.72rem, 0.7rem + 0.1vw, 0.78rem);
  --texto-s: clamp(0.84rem, 0.82rem + 0.1vw, 0.9rem);
  --texto-m: clamp(0.95rem, 0.92rem + 0.15vw, 1rem);
  --texto-l: clamp(1.08rem, 1rem + 0.35vw, 1.28rem);
  --texto-xl: clamp(1.6rem, 1.3rem + 1.2vw, 2.2rem);
  --texto-2xl: clamp(2.5rem, 1.6rem + 3.4vw, 4.6rem);
  --texto-hero: clamp(3.1rem, 1.6rem + 6vw, 7.6rem);

  /* Espaço */
  --esp-1: 0.25rem; --esp-2: 0.5rem; --esp-3: 0.75rem; --esp-4: 1rem; --esp-5: 1.5rem; --esp-6: 2rem; --esp-7: 3rem; --esp-8: 4rem;
  --esp-secao: clamp(5rem, 3rem + 7vw, 10rem);

  /* Layout */
  --largura-max: 1248px;
  --largura-texto: 60ch;
  --margem-lateral: clamp(1.25rem, 0.5rem + 3.5vw, 6rem);
  --altura-topo: 76px;

  /* Forma e movimento */
  --raio: 20px;
  --raio-botao: 999px;
  --duracao: 900ms;
  --curva: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-entrada: cubic-bezier(0.16, 1, 0.3, 1);
}