/* Custom styles for Helicon Trading */
:root {
  --primary: #166534;
  --accent: #854d0e;
  --dark: #0f172a;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Card hover effects */
.product-card, .news-card, .value-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card:hover, .news-card:hover, .value-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Modal */
.modal {
  animation: fadeInScale 0.2s ease-out forwards;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Form focus */
input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(22, 101, 52, 0.2);
}

/* News update badge */
.update-badge {
  background: linear-gradient(90deg, #166534, #854d0e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}