/* Initial loading screen styles */
:root {
  /* Define theme-aware colors */
  --bg-color: Canvas;
  --text-color: CanvasText;
  --border-color: Field;
  --accent-color: Highlight;
}

/* Support for browsers that don't support system colors */
@media (prefers-color-scheme: light) {
  :root {
    --bg-color: #ffffff;
    --text-color: #333333;
    --border-color: #e0e0e0;
    --accent-color: #1976d2;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #121212;
    --text-color: #ffffff;
    --border-color: #333333;
    --accent-color: #90caf9;
  }
}

body { 
  margin: 0; 
  padding: 0; 
}

#__nuxt { 
  min-height: 100vh; 
}

.initial-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--bg-color);
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.initial-loading.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}