/* Hex grid specific styles */

#hex-canvas {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Hex tile colors (used in renderer) */
:root {
  --hex-home-base: #4caf50;
  --hex-void: #1a1a2e;
  --hex-planet-rocks: #8d6e63;
  --hex-planet-food: #66bb6a;
  --hex-planet-water: #42a5f5;
  --hex-planet-energy: #ffa726;
  --hex-station: #9575cd;
  --hex-fog: #0a0a0a;
  --hex-border: #4a5578;
  --hex-highlight: #64b5f6;
}

/* Tooltip for hex info (optional future enhancement) */
.hex-tooltip {
  position: absolute;
  background: rgba(20, 25, 45, 0.95);
  border: 2px solid #64b5f6;
  border-radius: 6px;
  padding: 10px;
  pointer-events: none;
  z-index: 100;
  font-size: 0.9em;
  max-width: 200px;
}

.hex-tooltip-title {
  font-weight: bold;
  color: #64b5f6;
  margin-bottom: 5px;
}

.hex-tooltip-content {
  color: #e0e0e0;
  line-height: 1.4;
}