/* Hiyan NexGrid Consulting - Sample 1 Unified Theme Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --primary-navy: #0b132b;
  --secondary-navy: #111e38;
  --accent-blue: #0284c7;
  --accent-cyan: #0ea5e9;
  --accent-green: #10b981;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  transition: background-color 0.25s ease, color 0.25s ease;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -0.02em;
}

/* Unified Light & Dark Card Styles */
.industrial-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.dark .industrial-card {
  background-color: #0d1836;
  border-color: #1e293b;
}

.industrial-card:hover {
  transform: translateY(-3px);
  border-color: #0284c7;
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.1);
}

.dark .industrial-card:hover {
  border-color: #38bdf8;
  box-shadow: 0 10px 25px -5px rgba(56, 189, 248, 0.15);
}

/* Badge pills */
.badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Subtle Grids for Hero Sections */
.bg-grid-light {
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(15, 23, 42, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
}

.dark .bg-grid-dark {
  background-size: 32px 32px;
  background-image: 
    linear-gradient(to right, rgba(56, 189, 248, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(16, 185, 129, 0.05) 1px, transparent 1px);
}