/* GERADO por scripts/tokens.mjs a partir de src/design/tokens.json.
   Não edite à mão: mude o JSON e rode `npm run tokens`. */

@theme {
  /* ---- Cor ---- */
  --color-base: #f1e9db;
  --color-base-clara: #f8f3ea;
  --color-neutro: #eae0cc;
  --color-linha: #d8cab0;
  --color-tinta: #2a231e;
  --color-tinta-suave: #4a3f37;
  --color-tinta-tenue: #5f544a;
  --color-noite: #1c1713;
  --color-ancora: #a9512f;
  --color-ancora-escura: #8a3d21;
  --color-ancora-clara: #e0ae92;
  --color-apoio: #6b6a4b;
  --color-apoio-escuro: #4a4a33;
  --color-mata: #2b3527;
  --color-apoio-claro: #cfcdb3;

  /* ---- Fonte ---- */
  --font-titulo: var(--fonte-titulo), Georgia, 'Times New Roman', serif;
  --font-texto: var(--fonte-texto), ui-sans-serif, system-ui, sans-serif;
  --font-bilhete: var(--fonte-bilhete), 'Segoe Script', cursive;

  /* ---- Raio ---- */
  --radius-papel: 0.375rem;
  --radius-foto: 0.25rem;
  --radius-janela: 999px;
  --radius-pilula: 999px;

  /* ---- Sombra ---- */
  --shadow-papel: 0 1px 0 rgb(42 35 30 / 0.05), 0 18px 32px -22px rgb(42 35 30 / 0.45);
  --shadow-retrato: 0 1px 0 rgb(42 35 30 / 0.06), 0 26px 44px -26px rgb(42 35 30 / 0.6);

  /* ---- Movimento ---- */
  --ease-quintal: cubic-bezier(0.24, 0.43, 0.15, 0.97);
  --ease-saida: cubic-bezier(0.65, 0, 0.35, 1);
}

:root {
  /* ---- Escala tipográfica ---- */
  --tipo-titulo-xl: clamp(3rem, 7.4vw, 7.5rem);
  --tipo-titulo-lg: clamp(2.3rem, 4.8vw, 4.5rem);
  --tipo-titulo-md: clamp(1.8rem, 3vw, 2.85rem);
  --tipo-titulo-sm: clamp(1.3rem, 1.75vw, 1.65rem);
  --tipo-corpo-grande: clamp(1.2rem, 1.5vw, 1.45rem);
  --tipo-corpo: clamp(1.0625rem, 1.12vw, 1.1875rem);
  --tipo-corpo-mini: 1rem;
  --tipo-olho: 0.8rem;
  --tipo-bilhete: clamp(1.5rem, 1.8vw, 1.8rem);

  /* ---- Espaço ---- */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-6: 1.5rem;
  --espaco-8: 2rem;
  --espaco-12: 3rem;
  --espaco-16: 4rem;
  --espaco-24: 6rem;
  --espaco-secao: clamp(5.5rem, 11vw, 10rem);
  --espaco-secao-compacta: clamp(4rem, 7.5vw, 7rem);
  --espaco-margem: clamp(1.25rem, 3.2vw, 5rem);
  --espaco-largura: 120rem;
  --espaco-leitura: 36rem;

  /* ---- Duração ---- */
  --duracao-rapido: 200ms;
  --duracao-medio: 400ms;
  --duracao-lento: 700ms;
}