/* Modern Typography - Miglioramenti tipografici per CardCount */
@import url('./fonts.css');

/* Regole generali per il testo */
body {
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
  text-rendering: optimizeLegibility;
  font-family: var(--font-body);
}

/* Miglioramenti specifici per i titoli */
h1 {
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.03em;
  font-size: var(--font-size-4xl);
}

h2 {
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.02em;
  font-size: var(--font-size-3xl);
}

h3 {
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01em;
  font-size: var(--font-size-2xl);
}

/* Miglioramenti per il testo del corpo */
p, li, td, th {
  font-weight: 400;
  line-height: 1.7;
}

/* Stili per i pulsanti */
.btn {
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Stili per i form */
input, select, textarea, button {
  font-family: var(--font-body);
}

/* Classi di utilità per la tipografia */
.text-thin {
  font-weight: 300;
}

.text-regular {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

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

.text-large {
  font-size: 1.2rem;
}

.text-small {
  font-size: 0.9rem;
}

/* Miglioramenti per la leggibilità su dispositivi mobili */
@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-3xl);
  }
  
  h2 {
    font-size: var(--font-size-2xl);
  }
  
  h3 {
    font-size: var(--font-size-xl);
  }
  
  body {
    font-size: var(--font-size-base);
  }
}