/* Typography — Quicksand font + text styles
   Quicksand: rounded, child-friendly sans-serif from Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

body {
  font-family: var(--font-family);
  font-weight: var(--font-weight-medium);
  color: var(--color-text);
  letter-spacing: var(--letter-spacing);
  -webkit-font-smoothing: antialiased;
}

/* Text size utilities (developer-facing, children don't read) */
.text-xxl { font-size: var(--font-size-xxl); }
.text-xl { font-size: var(--font-size-xl); }
.text-lg { font-size: var(--font-size-lg); }
.text-md { font-size: var(--font-size-md); }
.text-sm { font-size: var(--font-size-sm); }
.text-xs { font-size: var(--font-size-xs); }

.text-bold { font-weight: var(--font-weight-bold); }
.text-semibold { font-weight: var(--font-weight-semibold); }
.text-center { text-align: center; }

/* Activity title style */
.activity-title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-align: center;
  line-height: 1.2;
}

/* Instruction text (spoken aloud, shown for dev reference) */
.instruction-text {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text);
  text-align: center;
  line-height: 1.4;
}

/* Letter/phoneme display for activities that show letters */
.phoneme-display {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  text-align: center;
  line-height: 1.2;
}