/* Paleta Alexandra Oisa — dourado + preto + branco. O rosa esta aposentado. */
:root{
  /* Marca */
  --dourado:#C8AB55;          /* cor de marca — SO sobre fundo escuro */
  --dourado-texto:#8A6E2C;    /* dourado legivel sobre fundo claro */
  --dourado-hover:#A88A3C;
  --preto:#0D0D0D;
  --branco:#FFFFFF;

  /* Neutros de apoio */
  --areia:#EDE7DC;
  --cinza-texto:#5A5A5A;
  --linha:#E2DCD1;
  --linha-escura:#2A2A2A;

  /* Conversao */
  --verde-whats:#0E7A3C;
  --verde-whats-hover:#0B6331;

  /* Aposentado — nao usar na landing page. Documentado apenas como historico. */
  --rosa-legado:#F4A6C0;

  /* Aliases semanticos — superficies */
  --surface-page:var(--branco);
  --surface-alt:var(--areia);
  --surface-card:var(--branco);
  --surface-card-quote:var(--areia);
  --surface-dark:var(--preto);

  /* Aliases semanticos — texto */
  --text-title:var(--preto);
  --text-body:var(--preto);
  --text-muted:var(--cinza-texto);
  --text-accent:var(--dourado-texto);
  --text-on-dark:var(--branco);
  --text-muted-on-dark:#B8B2A6;
  --text-accent-on-dark:var(--dourado);

  /* Aliases semanticos — traco e acao */
  --border-card:var(--linha);
  --border-card-dark:var(--linha-escura);
  --border-accent:var(--dourado);
  --action-primary:var(--verde-whats);
  --action-primary-hover:var(--verde-whats-hover);
  --action-primary-text:var(--branco);
  --focus-ring:var(--dourado);

  /* Overlay de leitura sobre foto */
  --overlay-foto:rgba(13,13,13,.45);
}

/* Escopo de secao escura: aplique .ao-dark em qualquer bloco preto */
.ao-dark{
  --surface-page:var(--preto);
  --surface-card:#161616;
  --surface-alt:#161616;
  --text-title:var(--branco);
  --text-body:var(--branco);
  --text-muted:var(--text-muted-on-dark);
  --text-accent:var(--dourado);
  --border-card:var(--linha-escura);
}