@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-serif-display-latin.woff2') format('woff2')}

/*
 * CONTRATO VISUAL CENTRAL — Compras na América
 *
 * Nenhuma tela deve criar cor, fonte, raio ou sombra de produto. CSS de tela
 * consome estes tokens. Cores semânticas mantêm sempre o mesmo significado:
 * verde confirma, bordô cancela/nega, dourado chama atenção e navy estrutura.
 * Breakpoints de referência: 480 / 760 / 1100 px.
 */
:root{
  /* Marca e estrutura */
  --pnl-navy:#0f172a;
  --pnl-navy-2:#1e293b;
  --pnl-gold:#bfa76f;
  --pnl-gold-deep:#8a7433;
  --pnl-gold-text:#7f6c44;
  --pnl-gold-soft:rgba(191,167,111,.16);
  /* Virada de cor (25/08/2026): navy deixa de ser preenchimento pesado —
     vira acento fino (texto/borda) ou tinta suave, nunca parede escura em
     botão/faixa. --pnl-navy-soft é o tom de fundo para hover/estado de
     acentos navy (mesma família rgba de --pnl-gold-soft/--pnl-green-soft). */
  --pnl-navy-soft:rgba(15,23,42,.07);

  /* Estados operacionais */
  --pnl-green:#1e4d2b;
  --pnl-green-soft:#edf5ef;
  --pnl-green-line:#b8cabb;
  --pnl-burgundy:#8a2f2f;
  --pnl-burgundy-soft:#fbf1f1;
  --pnl-burgundy-line:#d8a9a9;
  --pnl-ok:var(--pnl-green);
  --pnl-warn:var(--pnl-gold-text);
  --pnl-danger:var(--pnl-burgundy);

  /* Superfícies da mesma família creme do site */
  --pnl-bg:#f4f0e6;
  --pnl-surface:#fffdf8;
  --pnl-surface-2:#f8f5ed;
  --pnl-surface-3:#eee8dc;
  --pnl-line:#e3dfd3;
  --pnl-line-2:#d7d0c1;

  /* Texto */
  --pnl-ink:#161b24;
  --pnl-ink-2:#3b4353;
  --pnl-ink-faint:#6b7280;
  --pnl-ink-dim:#98a0ad;

  /* Lateral */
  --pnl-side-w:246px;
  --pnl-side-bg:#fffdf8;
  --pnl-side-ink:#0f172a;
  --pnl-side-faint:#64748b;
  --pnl-side-active:#0f172a;
  --pnl-side-hover:#f8f5ed;
  --pnl-side-active-bg:rgba(191,167,111,.16);
  --pnl-side-line:#e3dfd3;

  /* Tipografia */
  --pnl-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --pnl-font-display:'DM Serif Display','Iowan Old Style',Baskerville,Georgia,serif;
  --pnl-fs:14px;

  /* Geometria e elevação */
  --pnl-sp:8px;
  --pnl-radius:8px;
  --pnl-radius-sm:6px;
  --pnl-radius-shell:14px;
  --pnl-shadow:0 1px 2px rgba(16,24,40,.06);
  --pnl-shadow-2:0 4px 14px rgba(16,24,40,.10);
  --pnl-shadow-shell:0 8px 24px rgba(15,23,42,.08);
  --pnl-shadow-pop:0 14px 44px rgba(15,23,42,.26);
  --pnl-top-h:56px;
}