/* ============================================================
CLIMAX DESIGN — TYPOGRAPHY
------------------------------------------------------------
Police principale : Montserrat (Google Fonts)
Police monospace : Courier New (pas de dependance externe)
Les pages HTML doivent inclure dans :
============================================================ */
html, body {
font-family: 'Montserrat', system-ui, sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* --- Hierarchie de titres ---------------------------------- */
/* Grand titre marketing (display) */
.t-display {
font-weight: 300;
letter-spacing: 0.02em;
line-height: 1.05;
}
/* Titre de section (sobre, capitales) */
.t-title {
font-weight: 500;
letter-spacing: 0.15em;
text-transform: uppercase;
font-size: 14px;
}
/* Sous-titre / introduction */
.t-subtitle {
font-weight: 300;
letter-spacing: 0.02em;
line-height: 1.5;
}
/* --- Capitales espacees (style nav du site) ----------------- */
.t-caps {
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 500;
}
/* --- Monospace (codes techniques, ISRC, MSF, etc.) ---------- */
.t-mono {
font-family: 'Courier New', ui-monospace, Menlo, monospace;
font-variant-numeric: tabular-nums;
}
/* --- Texte secondaire / discret ----------------------------- */
.t-muted {
color: var(--texte-gris);
font-size: 0.9em;
}