/* Custom styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --primary: #000;
  --secondary: #f5f5f7;
  --accent: #0071e3;
}
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--secondary);
    color: #333;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

/* Hero section background */
.hero-bg {
    background-image: url('http://static.photos/technology/1200x630/4');
    background-size: cover;
    background-position: center;
}