:root {
  --primary: #AE1316;
  --secondary: #111213;
  --surface: #111213;
  --onSurface: #111213;
  --interactive: #AE1316;
  --critical: #ffc453;
  --warning: #ffc453;
  --highlight: #5bcdda;
  --success: #008060;
  --decorative: #ffc96b;
  --border: #8c9196;
  --background: #f6f6f7fc;
  --icon: #5c5f62;
  --textSubdued: #6d7175;
  --divider: #e1e3e5;
  --text: #202223;
  --formFieldBorder: #c9cccf;
  --formFieldBorderShadow: #aeb4b9;
}

.header svg, .header ul li a {
  color: var(--primary)
}

.category__general img.category__image {
  width: 200px;
  margin: auto;
  max-height: 200px;
  object-fit: contain;
}

.category__general .category__name {
  display: none;
}

.bg-gray-50 {
  background-color: #f9fafb;
}

.bg-gray-100 {
  background-color: #f3f4f6;
}

.bg-gray-200 {
  background-color: #e5e7eb;
}