/* 🏭 OMNICORE INDUSTRIAL PREMIUM DESIGN SYSTEM (Iron & Safety) */

:root {
  /* 🎨 Color Palette: The Architectural Forge */
  --primary: #ffb694;
  --primary-container: #ff6a00; /* Safety Orange */
  --on-primary: #571f00;
  
  --bg-lowest: #070e1d;
  --bg-floor: #0c1322;
  --surface: #0c1322;
  --surface-low: #141b2b;
  --surface-container: #191f2f;
  --surface-high: #232a3a;
  --surface-highest: #2e3545;
  
  --on-surface: #dce2f7;
  --on-surface-variant: #e2bfb0;
  --outline-ghost: rgba(169, 138, 125, 0.15);
  
  --success: #10b981;
  --danger: #ef4444;

  /* 📏 Spacing & Roundness */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 4px; /* Industrial: keep it sharp */
  --radius-lg: 4px;
  
  --shadow-diffused: 0 24px 48px rgba(7, 14, 29, 0.5);

  --header-height: 80px;
}

/* Base Resets & Typography */
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  color: var(--on-surface);
  background: var(--bg-floor);
  line-height: 1.6;
  margin: 0;
  padding-top: var(--header-height);
}

h1, h2, h3, h4, .headline {
  font-family: 'Inter', sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--on-surface);
}

.label-caps {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.75rem;
}

.container {
  max-width: 1400px; /* Wider for industrial scale */
  margin: 0 auto;
  padding: 0 24px;
}

/* 🏗️ Tonal Layering (The No-Line Policy) */
.section-floor {
  background: var(--bg-floor);
  padding: 88px 0;
}

.section-low {
  background: var(--bg-lowest);
  padding: 88px 0;
}

/* 💠 Machined Components */
.card-industrial {
  background: var(--surface-container);
  border-radius: var(--radius-sm);
  padding: 24px;
  transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
  position: relative;
  border: 1px solid var(--outline-ghost); /* Ghost border */
}

.card-industrial:hover {
  background: var(--surface-high);
  transform: translateY(-4px);
  box-shadow: var(--shadow-diffused);
}

/* 🔘 Interactive Elements */
.btn-safety {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 32px;
  background: linear-gradient(135deg, var(--primary), var(--primary-container));
  color: var(--on-primary);
  font-weight: 800;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  border-radius: var(--radius-none);
}

.btn-safety:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 20px rgba(255, 106, 0, 0.4);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 32px;
  background: transparent;
  color: var(--on-surface);
  border: 2px solid var(--surface-highest);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: var(--radius-none);
  text-decoration: none;
  transition: all 0.2s ease;
}

.btn-outline:hover {
  background: var(--surface-highest);
}

/* 📱 Responsive Adjustments */
@media (max-width: 768px) {
  .section-floor, .section-low {
    padding: 64px 0;
  }
}