/* Styles critiques pour le First Contentful Paint */

/* Variables de couleur essentielles */
:root {
  /* Couleur primaire (blue) - version simplifiée */
  --primary-9: var(--blue-9);
  --primary-10: var(--blue-10);
  --primary-11: var(--blue-11);
  --primary-12: var(--blue-12);

  /* Couleur secondaire (slate) - version simplifiée */
  --secondary-1: var(--slate-1);
  --secondary-2: var(--slate-2);
  --secondary-11: var(--slate-11);
  --secondary-12: var(--slate-12);

  /* Variables sémantiques essentielles */
  --color-bg: var(--secondary-1);
  --color-bg-subtle: var(--secondary-2);
  --color-text: var(--secondary-12);
  --color-text-muted: var(--secondary-11);
  --color-primary: var(--primary-9);
  --color-primary-hover: var(--primary-10);
  --color-primary-pressed: var(--primary-11);
  --color-primary-text: var(--primary-12);
  --color-border: var(--secondary-6);
}

/* Styles de base pour le corps et la typographie */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1, h2 {
  font-family: Raleway, system-ui, sans-serif;
}

/* Styles critiques pour la navigation */
nav {
  background-color: rgba(var(--color-bg), 0.8);
  backdrop-filter: blur(10px);
}

/* Optimisation du rendu initial */
.content {
  min-height: 50vh;
  width: 100%;
}

/* Préchargement des polices */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Raleway');
}

@font-face {
  font-family: 'Jadyn Maria';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Jadyn Maria.otf') format('opentype');
}