/* ==========================================================================
   Tokens — Cor
   Paleta oficial "Outono Quente" do design system Nadja Campos.
   Nenhuma cor fora desta lista deve ser usada no site.
   ========================================================================== */

:root {
  /* Paleta oficial ------------------------------------------------------- */
  --nc-marfim: #F2E5C9;
  --nc-areia: #D8C29D;
  --nc-mostarda: #C39428;
  --nc-terracota: #B65A3A;
  --nc-oliva: #74713A;
  --nc-musgo: #565B32;
  --nc-chocolate: #57382A;
  --nc-espresso: #29231F;

  /* Neutros e superfícies derivadas ------------------------------------- */
  --nc-creme: #FAF1E4;
  --nc-creme-alto: #FBF3E7;
  --nc-creme-baixo: #F7ECDC;
  --nc-papel: #FDF8F0;
  --nc-off-white: #FFF9EE;
  --nc-off-white-quente: #FFF3EA;
  --nc-marfim-fundo: #E7D8B8;

  /* Tints de apoio (fundos de rótulo e pílula) -------------------------- */
  --nc-tint-mostarda: #F3E3C4;
  --nc-tint-terracota: #F7E2D8;
  --nc-tint-musgo: #E9EADA;
  --nc-tint-oliva: #ECEBDC;
  --nc-tint-neutro: #EDE4D6;

  /* Estados sólidos (hover escurece, nunca opacidade) ------------------- */
  --nc-mostarda-hover: #B0831F;
  --nc-musgo-hover: #454A28;
  --nc-terracota-hover: #9E4B2F;
  --nc-oliva-hover: #63612F;

  /* Semânticos — superfície -------------------------------------------- */
  --superficie-pagina: var(--nc-creme);
  --superficie-pagina-alt: var(--nc-creme-baixo);
  --superficie-cartao: var(--nc-papel);
  --superficie-cartao-alt: var(--nc-marfim);
  --superficie-inversa: var(--nc-espresso);
  --superficie-inversa-alt: var(--nc-musgo);
  --superficie-campo: var(--nc-off-white);

  /* Semânticos — texto ------------------------------------------------- */
  --texto-titulo: var(--nc-espresso);
  --texto-corpo: var(--nc-chocolate);
  --texto-acento: var(--nc-mostarda);
  --texto-sobre-escuro: var(--nc-marfim);
  --texto-sobre-escuro-suave: rgba(242, 229, 201, 0.88);
  --texto-sobre-escuro-discreto: rgba(242, 229, 201, 0.75);
  --texto-discreto: rgba(87, 56, 42, 0.72);

  /* Semânticos — traço e linha ---------------------------------------- */
  --borda-fina: rgba(195, 148, 40, 0.28);
  --borda-suave: rgba(195, 148, 40, 0.3);
  --borda-forte: rgba(195, 148, 40, 0.5);
  --fio-dourado: linear-gradient(90deg, var(--nc-mostarda), rgba(195, 148, 40, 0));

  /* Semânticos — ação ------------------------------------------------- */
  --acao-primaria: var(--nc-terracota);
  --acao-primaria-hover: var(--nc-terracota-hover);
  --acao-secundaria: var(--nc-musgo);
  --acao-secundaria-hover: var(--nc-musgo-hover);
  --acao-contorno-hover: var(--nc-tint-mostarda);
}