/* ==========================================================================
   BUTTONS COMPONENT - SWISS INDUSTRIAL PRINT SYSTEM
   Global button definitions shared across all pages.
   ========================================================================== */

.btn-solid-hazard {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs, 0.5rem);
  padding: 0.85rem 1.75rem;
  background-color: var(--color-hazard);
  color: #FFFFFF !important;
  font-family: var(--font-telemetry);
  font-size: var(--type-telemetry);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: none;
  border: var(--border-hazard);
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.05s ease;
  min-height: var(--min-tap, 44px);
  box-sizing: border-box;
  text-align: center;
}

.btn-solid-hazard:hover {
  background-color: var(--color-hazard-hover);
  color: #FFFFFF !important;
}

.btn-solid-hazard:active {
  transform: translateY(1px);
}

.btn-solid-ink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs, 0.5rem);
  padding: 0.85rem 1.75rem;
  background-color: var(--color-ink);
  color: #FFFFFF !important;
  font-family: var(--font-telemetry);
  font-size: var(--type-telemetry);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: none;
  border: var(--border-line);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  min-height: var(--min-tap, 44px);
  box-sizing: border-box;
  text-align: center;
}

.btn-solid-ink:hover {
  background-color: #333330;
  color: #FFFFFF !important;
}

.btn-solid-ink:active {
  transform: translateY(1px);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2xs, 0.5rem);
  padding: 0.85rem 1.75rem;
  background-color: transparent;
  color: var(--color-ink) !important;
  font-family: var(--font-telemetry);
  font-size: var(--type-telemetry);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  text-decoration: none;
  border: var(--border-thick);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  min-height: var(--min-tap, 44px);
  box-sizing: border-box;
  text-align: center;
}

.btn-outline:hover {
  background-color: var(--color-ink);
  color: #FFFFFF !important;
}

.btn-outline:active {
  transform: translateY(1px);
}