/* tokens.css — Design system Império Country (botas e facas). Fonte única de cores/tipografia para site, painel e app.
   Base: identidade do Instagram @imperiocountrydf — espresso #1E1610, dourado-couro #D9963F, creme #EFE6D6. */
:root {
  /* Marca */
  --ic-espresso: #1E1610;      /* fundo oficial dos criativos */
  --ic-espresso-2: #2A1E16;    /* superfícies sobre o espresso */
  --ic-espresso-3: #362A20;    /* bordas/realces no escuro */
  --ic-dourado: #D9963F;       /* dourado-couro: títulos, moldura, ícones */
  --ic-dourado-claro: #E8B467;
  --ic-dourado-escuro: #B27728;
  --ic-creme: #EFE6D6;         /* título principal, preços */
  --ic-creme-2: #D9CDB8;
  --ic-couro: #7A4A2B;         /* couro (apoio) */
  --ic-camurca: #C58A3C;       /* camurça da Terra Forte (destaques quentes) */
  --ic-areia: #F3EBDD;         /* fundo claro das seções de leitura */
  --ic-verde: #4F6B3A;         /* sucesso / estoque ok */
  --ic-vermelho: #A33A2E;      /* alerta / vermelho-sela */
  --ic-ambar: #B7791F;         /* aviso */
  --ic-whatsapp: #25D366;

  /* Tipografia */
  --ic-fonte: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ic-fonte-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --ic-tracking-rotulo: .18em;  /* rótulos em caixa alta, como "BOTAS E FACAS" */

  /* Forma */
  --ic-raio: 12px; --ic-raio-sm: 8px; --ic-raio-lg: 16px;
  --ic-gutter: 16px;
  --ic-moldura: 1px solid rgba(217,150,63,.35); /* moldura fina dourada dos criativos */
  --ic-sombra: 0 1px 2px rgba(30,22,16,.08), 0 10px 30px -12px rgba(30,22,16,.35);
  --ic-sombra-ouro: 0 8px 24px -10px rgba(217,150,63,.55);
}