/* Tokens: fonte, cores, raios e sombras usados em todo o projeto.
   Nenhuma regra de layout ou de tela específica deve entrar aqui. */

/* Poppins via Google Fonts — troque se descobrir a fonte exata da marca */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Breakpoints (mobile-first): regras sem @media valem para mobile (0–639px);
   @media (min-width: 640px) liga tablet (640–1023px); (min-width: 1024px)
   liga desktop (1024px+). Ao criar uma tela nova, comece só pelo mobile. */

:root {
  --color-bg: #ffffff;
  --color-dark: #0e2a2e;
  --color-dark-2: #123a3d;
  --color-primary: #17998c;
  --color-primary-dark: #0f6e64;
  --color-accent: #f2994a;
  --color-text: #1a1a1a;
  --color-text-muted: #6b7280;
  --color-border: #e5e7eb;

  --radius-pill: 999px;
  --radius-card: 16px;
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);

  --font-base: 'Poppins', system-ui, sans-serif;
  --max-width: 500px; /* largura da "moldura" de celular a partir do breakpoint tablet */
}