/* ============================================================
   Mercati — Cores
   Paleta da marca (fixa) + aliases semânticos.
   Fonte: Manual de Identidade Visual da Mercati.
   ============================================================ */

:root{
  /* ---------- Paleta base (marca) ---------- */
  --green:#154A37;        /* Verde Mercado — primária */
  --green-deep:#0E3326;   /* Verde Profundo — apoio, fundos densos */
  --green-tint:#DDE6DF;   /* Verde claro — superfícies suaves */
  --amber:#E2A23C;        /* Âmbar Feira — acento / conversão */
  --amber-soft:#F2D29A;   /* Âmbar claro — fundos de destaque suaves */

  --paper:#F4EFE6;        /* Papel — fundo padrão, off-white quente */
  --paper-2:#ECE4D6;      /* Papel 2 — superfície alternativa */
  --sand:#E8DFD0;         /* Areia — texto/elementos sobre verde */

  --ink:#15120E;          /* Tinta — texto principal (preto amarronzado) */
  --ink-soft:#5A5247;     /* Tinta suave — texto secundário */
  --stone:#B9B0A1;        /* Pedra — bordas, texto terciário */
  --line:#D9D0BF;         /* Linha — divisores sobre papel */
  --white:#FFFFFF;        /* Branco puro — apenas superfícies de cartão */

  /* ---------- Estados / semânticos ----------
     Adições harmonizadas à paleta (não constam no manual original).
     Mantêm o tom quente e dessaturado da marca. */
  --success:#2E7D5B;      /* confirmação — verde mais vivo que o primário */
  --success-tint:#D7E6DC;
  --warning:#E2A23C;      /* atenção — reusa o âmbar */
  --warning-tint:#F6E7C8;
  --danger:#B14B32;       /* erro — tijolo quente (não vermelho de tela) */
  --danger-tint:#F1DBD2;
  --info:#3E7C5E;         /* informação — verde médio */
  --info-tint:#DDE9E2;

  /* ---------- Aliases semânticos ---------- */
  --surface:var(--paper);            /* fundo de página padrão */
  --surface-2:var(--paper-2);        /* fundo alternativo */
  --surface-card:var(--white);       /* cartões sobre papel */
  --surface-inverse:var(--green);    /* superfície escura institucional */
  --surface-inverse-2:var(--green-deep);

  --text:var(--ink);                 /* texto principal */
  --text-soft:var(--ink-soft);       /* texto secundário */
  --text-mute:var(--stone);          /* texto terciário / placeholder */
  --text-on-inverse:var(--sand);     /* texto sobre verde */
  --text-on-inverse-soft:rgba(232,223,208,.7);

  --brand:var(--green);              /* cor de marca primária */
  --brand-deep:var(--green-deep);
  --accent:var(--amber);             /* acento / conversão */

  --border:var(--line);              /* borda padrão sobre papel */
  --border-strong:var(--stone);      /* borda de maior contraste */
  --border-inverse:rgba(232,223,208,.2);  /* borda sobre verde */

  --ring:color-mix(in oklab, var(--green) 45%, transparent); /* foco */
  --ring-accent:color-mix(in oklab, var(--amber) 55%, transparent);

  /* Proporção de uso recomendada: Verde 60 · Papel 25 · Âmbar 10 · Tinta 5.
     O âmbar é tempero, não base. */
}