/**
 * Critical Above-the-Fold Styles
 * Extracted from index.html for CSP compliance
 * This file contains critical styles needed for initial page render
 */

/* System font stack fallback */
body {
  font-family:
    'Inter',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Roboto',
    'Oxygen',
    'Ubuntu',
    'Cantarell',
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  font-display: swap;
}

/* Prevent font swap flash */
.font-loading {
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
}

/* Critical styles for LCP element */
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.font-bold {
  font-weight: 700;
}

.text-gray-900 {
  color: rgb(17 24 39);
}

.dark .dark\:text-white {
  color: rgb(255 255 255);
}

.mb-2 {
  margin-bottom: 0.5rem;
}

/* Prevent layout shift during font loading */
h1 {
  font-display: swap;
}

/* Loading state for dashboard */
.dashboard-loading {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}