/**
 * SANPIL - Paleta de cores baseada na logomarca
 *
 * Baseada na logo: texto "SANPIL" em azul vibrante, figura com
 * amarelo, rosa, laranja, verde escuro, azul claro e roxo.
 */

:root {
  /* ===== CORES PRIMÁRIAS (do texto SANPIL) ===== */
  --sanpil-primary: #1d4ed8;
  --sanpil-primary-light: #3b82f6;
  --sanpil-primary-dark: #1e40af;
  --sanpil-primary-50: #eff6ff;
  --sanpil-primary-100: #dbeafe;

  /* ===== CORES DE DESTAQUE (da figura) ===== */
  --sanpil-accent-orange: #f97316;
  --sanpil-accent-orange-dark: #ea580c;
  --sanpil-accent-orange-light: #fdba74;
  --sanpil-accent-orange-bg: #fff7ed;

  --sanpil-accent-pink: #ec4899;
  --sanpil-accent-pink-dark: #db2777;
  --sanpil-accent-pink-bg: #fdf2f8;

  --sanpil-accent-yellow: #eab308;
  --sanpil-accent-yellow-bg: #fefce8;

  --sanpil-accent-green: #15803d;
  --sanpil-accent-green-light: #22c55e;
  --sanpil-accent-green-50: #f0fdf4;
  --sanpil-accent-green-100: #dcfce7;

  --sanpil-accent-blue-light: #38bdf8;
  --sanpil-accent-purple: #a855f7;

  /* ===== USO SEMÂNTICO NO APP ===== */
  --color-brand: var(--sanpil-primary);
  --color-brand-hover: var(--sanpil-primary-dark);
  --color-cta: var(--sanpil-accent-orange);
  --color-cta-hover: var(--sanpil-accent-orange-dark);
  --color-success: var(--sanpil-accent-green);
  --color-success-hover: #166534;
  --color-success-bg: var(--sanpil-accent-green-100);
  --color-success-text: var(--sanpil-accent-green);
  --color-price: var(--sanpil-accent-orange);
  --color-price-alt: var(--sanpil-accent-orange-dark);
  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #128C7E;

  /* ===== NEUTROS (preto, cinzas da logo) ===== */
  --color-text: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #64748b;
  --color-text-light: #94a3b8;

  --color-bg: #ffffff;
  --color-bg-subtle: #f8fafc;
  --color-bg-muted: #f1f5f9;
  --color-bg-dark: #0f172a;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

  /* ===== ESTADOS ===== */
  --color-error: #dc2626;
  --color-error-bg: #fee2e2;
  --color-warning: #d97706;
  --color-warning-bg: #fef3c7;
}