/* ═══════════════════════════════════════════════════════════
   ANNE AMATO — tokens
   Fonte ÚNICA do sistema visual dela. Carregado pelo site
   (home.html, aplicacao-v2.html) E pelo estúdio (app/estudio).
   Duplicar valor daqui é como o site e a gestão divergem.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* Os quatro passos da travessia — o único eixo que muda de fundo */
  --passo-1: #E9DFCE;   /* abertura: o creme mais fechado */
  --passo-2: #F0E8DA;   /* o motor e as paredes */
  --passo-3: #F7F2EA;   /* o miolo */
  --passo-4: #FCFAF6;   /* o dia */

  --clay:     #A24F2A;   /* acento e identidade: botão, itálico, desenho */
  --clay-hot: #B4542A;
  /* O mesmo clay, um tom mais fundo: só onde ele é TEXTO PEQUENO (versalete
     de .7rem). Sobre o passo-1 o clay de identidade dá 4,3:1 — abaixo do
     mínimo de 4,5:1 pra texto pequeno. Este dá 5,2:1. */
  --clay-txt: #8A4222;
  --clay-pale:#C1855A;   /* desenho miúdo sobre creme (detritos do motor) */

  /* Apelidos de PAPEL, apontando pros passos — um valor, um lugar só. Antes
     estes três eram hex próprios; agora dois deles têm o mesmo valor de um
     passo, e repetir o número é como os tons divergem em silêncio depois. */
  --cream: var(--passo-3);   /* a luz sobre a foto e sobre o véu do lightbox */
  --bone:  var(--passo-4);   /* cartão que levanta sobre o passo-3 */
  --sand:  #F1E9DD;          /* único dele: o cartão da citação, entre 2 e 3 */

  --ink:   #241E1A;
  --muted: #6B5D52;

  /* Fios: tinta sobre creme (antes era creme sobre escuro) */
  --fio:      rgba(36,30,26,.13);
  --fio-leve: rgba(36,30,26,.08);

  --sage:    #6E7B62;
  --sage-dk: #5A6650;

  --f-disp: 'Fraunces', Georgia, 'Times New Roman', serif;
  --f-body: 'Karla', system-ui, sans-serif;

  --ease:  cubic-bezier(.22,.68,.28,1);
  --ease-o:cubic-bezier(.16,1,.3,1);

  --wrap: 1180px;
  --pad: clamp(22px, 5vw, 64px);
  --dawn: 0;
}