/* Pro Theme - B2B/Professional Equipment */
/* Data-driven layout, specs focus, professional look */

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

:root {
  --primary: #3B82F6;
  --primary-rgb: 59, 130, 246;
  --primary-dark: #2563EB;
  --hov-primary: #2563EB;
  --soft-primary: rgba(59, 130, 246, 0.1);
  --secondary: #0F172A;
  --accent: #10B981;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --light: #F8FAFC;
  --dark: #0F172A;
  --gray: #64748B;
  --gray-light: #CBD5E1;
  --background: #F8FAFC;
  --card-bg: #FFFFFF;
  --border-color: #E2E8F0;
  --border-radius: 8px;
  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Inter', sans-serif;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.5rem;
}

body {
  font-family: var(--font-primary);
  background: var(--background);
  color: var(--dark);
  font-size: 0.9375rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
}

.btn-primary {
  background: var(--primary);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 500;
}

.btn-primary:hover {
  background: #2563EB;
}

.card {
  background: var(--card-bg);
  border: 1px solid #E2E8F0;
  border-radius: var(--radius-lg);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.card:hover {
  border-color: var(--primary);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15);
}