/*
  Cacei — tokens de design (PRD.md §19)
  Fonte única de verdade da identidade visual. Nada de cor, tamanho ou
  espaçamento deve ser escrito solto em outro arquivo CSS — sempre via var(--...).
*/

:root {
  /* Marca / CTA primário */
  --color-brand-orange: #FF6A00;
  --color-brand-orange-dark: #E05F00;

  /* Preço e economia */
  --color-savings-green: #0BA84A;
  --color-savings-green-dark: #08883C;

  /* Selo de desconto — uso reservado, não é cor de destaque geral */
  --color-discount-badge-bg: #E63946;
  --color-discount-badge-text: #FFFFFF;

  /* Neutros / fundo */
  --color-bg-page: #F1F2F4;
  --color-bg-card: #FFFFFF;
  --color-border: #E2E4E8;

  /* Texto */
  --color-text-primary: #1A1D21;
  --color-text-secondary: #5B6068;
  --color-text-price-old: #8A8F98;

  /* Utilitário */
  --color-link: #0B5FFF;
  --color-warning: #F2A900;
  --color-danger: #E63946;

  /* Tipografia */
  --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-size-price-lg: 2rem;
  --font-size-price-card: 1.375rem;
  --font-size-price-old: 0.875rem;
  --font-size-h1: 1.75rem;
  --font-size-h2: 1.375rem;
  --font-size-body: 1rem;
  --font-size-small: 0.8125rem;

  /* Espaçamento (escala de 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;

  /* Bordas e sombra — flat, sem blur pesado, sem glassmorphism */
  --radius-card: 8px;
  --radius-badge: 999px;
  --radius-button: 6px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.06);

  /* Layout */
  --max-width-page: 1200px;
}