/**
 * Tokens do Design System - Gimpô
 * Baseado rigorosamente no arquivo DESIGN.md e protótipos de alta conversão
 */

:root {
  /* Cores de Superfície e Fundo */
  --cor-fundo: #f7f9fb;
  --cor-superficie: #f7f9fb;
  --cor-superficie-baixa: #f2f4f6;
  --cor-superficie-media: #eceef0;
  --cor-superficie-alta: #e6e8ea;
  --cor-superficie-mais-alta: #e0e3e5;
  --cor-superficie-branca: #ffffff;
  --cor-superficie-dim: #d8dadc;
  --cor-superficie-variante: #e0e3e5;

  /* Cores de Texto e Contraste */
  --cor-texto-principal: #191c1e;
  --cor-texto-secundario: #5b4039;
  --cor-texto-terciario: #565e74;
  --cor-superficie-inversa: #2d3133;
  --cor-texto-inverso: #eff1f3;

  /* Cores Primárias (Atenção, Calor e Conversão Máxima) */
  --cor-primaria: #b02f00;
  --cor-primaria-container: #ff5722;
  --cor-sobre-primaria: #ffffff;
  --cor-sobre-primaria-container: #541200;
  --cor-primaria-fixa: #ffdbd1;
  --cor-primaria-inversa: #ffb5a0;

  /* Cores Secundárias (Economia, Sucesso e Confirmação) */
  --cor-secundaria: #006e2d;
  --cor-sobre-secundaria: #ffffff;
  --cor-secundaria-container: #7cf994;
  --cor-sobre-secundaria-container: #007230;
  --cor-secundaria-fixa: #7ffc97;
  --cor-secundaria-fixa-dim: #62df7d;

  /* Erro, Alerta e Selos de Desconto */
  --cor-erro: #ba1a1a;
  --cor-sobre-erro: #ffffff;
  --cor-erro-container: #ffdad6;
  --cor-sobre-erro-container: #93000a;

  /* Contornos e Bordas */
  --cor-borda: #e4beb4;
  --cor-borda-suave: #907067;

  /* Cores das Lojas Parceiras */
  --cor-loja-shopee: #ee4d2d;
  --cor-loja-amazon: #232f3e;
  --cor-loja-mercadolivre: #ffe600;
  --cor-canal-whatsapp: #25d366;

  /* Tipografia */
  --fonte-titulos: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fonte-corpo: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}