@use 'mixin' as *;

// ============================================================
// Échelle typographique
// ------------------------------------------------------------
// Max desktop (1440+) : xxxl 142 / xxl 90 / xl 70 / lg 40 /
// md 30 / sm 24 / xs 14 / xxs 12. Fluide via fluid() entre 375 et 1440.
// xxs / xs → IBM Plex Mono (UI, labels, corps secondaire).
// ============================================================

$font-mono: 'IBM Plex Mono', ui-monospace, monospace;

.text-xxs {
  font-family: $font-mono;
  font-size: rem(12);
  line-height: 1.5;
}

.text-xs {
  font-family: $font-mono;
  font-size: rem(14);
  line-height: 1.5;
}

.text-sm {
  font-size: fluid(16, 24);
  line-height: 1.5;
}

.text-md {
  font-size: fluid(18, 30);
  line-height: 1.4;
}

.text-lg {
  font-size: fluid(24, 40);
  line-height: 1.25;
}

.text-xl {
  font-size: fluid(32, 70);
  line-height: 1.1;
}

.text-xxl {
  font-size: fluid(40, 90);
  line-height: 1.05;
}

.text-xxxl {
  font-size: fluid(48, 142);
  line-height: 1;
}
