/* Main Stylesheet - Imports all component styles */

/* Import a modern variable font for improved typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');

/* Global Improvements - Load first for better cascade */
@import url('./improvements-global.css');

/* Basic/Foundation Styles */
@import url('./basics/variables.css');
@import url('./basics/typography.css');
@import url('./basics/buttons.css');
@import url('./basics/forms.css');
@import url('./basics/utilities.css');

/* Animations and Modern Effects */
@import url('./animations.css');

/* Improvements and Optimizations */
@import url('./improvements.css');

/* Component Styles */
@import url('./components/alerts.css');
@import url('./components/_auth.css');
@import url('./header.css');
@import url('./navbar.css');
@import url('./sidebar.css');
@import url('./footer.css');
@import url('./main.css');
@import url('./funde.css');
@import url('./components/_funde-eingeben.css');
@import url('./components/_funde-statistics.css');

/* Utility max width helper used by header/footer */
.max-w {
	/* fluid full-width sections, with padding for readable layout */
	max-width: none;
	margin: 0;
	padding-left: var(--content-padding);
	padding-right: var(--content-padding);
	width: 100%;
}

/* Leaflet / map styling for dark theme */
.leaflet-container {
  background: var(--card);
}
.leaflet-popup-content-wrapper {
  background: var(--card);
  color: var(--text);
  border: 1px solid var(--border);
}
.leaflet-popup-tip {
  background: var(--card);
}
.leaflet-control-zoom a,
.leaflet-control-attribution,
.leaflet-bar a {
  background: rgba(255,255,255,0.02);
  color: var(--text);
}
.leaflet-popup-content img { max-width: 200px; border-radius: 6px; }

/* Global link styles */
a {
  color: var(--accent);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}