/* ====== main.css — Entry Point ======
 * Importa todos os módulos CSS na ordem correta.
 * Ordem importa: tokens → reset → base → componentes
 */

@import './tokens.css';
@import './reset.css';
@import './base.css';
@import './components.css';

/* ===== Media Queries Globais ===== */

/* Tablet (≥ 768px) */
@media (min-width: 768px) {
  :root {
    --espaco-container: 32px;
  }
}

/* Desktop (≥ 1024px) */
@media (min-width: 1024px) {
  :root {
    --espaco-container: 40px;
  }
}

/* Print */
@media print {
  .header {
    position: static;
  }

  .botao-whatsapp,
  .botao--primario,
  .hero__card::before,
  .hero__card::after {
    display: none;
  }

  body {
    background: white;
    color: black;
  }

  a[href]::after {
    content: ' (' attr(href) ')';
    font-size: 0.75em;
    color: #666;
  }
}