@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;500;700&display=swap');

/* Styles spécifiques pour les écrans mobiles */
@media (max-width: 768px) {
  .pastebin-container {
    padding: 0.75rem;
  }
  
  .paste-actions {
    flex-direction: column;
  }
  
  .paste-actions .button {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  
  .paste-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  
  .hero .title {
    font-size: 1.5rem !important;
  }
  
  .hero .subtitle {
    font-size: 1rem !important;
  }
  
  .section {
    padding: 1rem 0.5rem;
  }
}

/* Animation pour l'entrée du container */
.pastebin-container {
  animation: slideUp 0.5s ease-out;
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Thème sombre (désactivé pour l'instant) */
/*
@media (prefers-color-scheme: dark) {
  :root {
    --code-bg: #282c34;
    --code-border: #3e4451;
  }
  
  .paste-textarea, .paste-content {
    color: #abb2bf;
  }
}
*/