/* ==========================================================================
   GO CREATIVE LAB — ESTILOS CUSTOMIZADOS (HTML5 / CSS3 / JS)
   ========================================================================== */

:root {
  --olive-primary: #69830f;
  --olive-dark: #3d4d09;
  --olive-light: #eef2d8;
  --dark-bg: #11150f;
  --dark-text: #11150f;
  --muted-text: #565b52;
  --subtle-text: #6d7267;
  --card-bg: #ffffff;
  --page-bg: #f7f8f2;
  --border-color: rgba(17, 21, 15, 0.12);
}

body {
  background-color: var(--page-bg);
  color: var(--dark-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .font-manrope {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Animação suave de transição */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f2eb;
}
::-webkit-scrollbar-thumb {
  background: #cbd3b8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--olive-primary);
}

/* Inputs & Form styling */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Seleção de texto oficial da marca */
::selection {
  background-color: var(--olive-primary);
  color: #ffffff;
}

/* Suporte de Impressão */
@media print {
  body {
    background: white;
  }
  header, footer, .step-indicator-container, .no-print {
    display: none !important;
  }
}