first commit

frontend/app/css/typography.css

@@ -0,0 +1,66 @@
+/* Typographie */
+html {
+  font-size: 16px;
+}
+
+body {
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: 1.7;
+  letter-spacing: 0.1px;
+  color: var(--color-text, #1f2937);
+}
+
+h1, h2, h3, h4 {
+  line-height: 1.25;
+  margin: 0 0 var(--space-3, 0.75rem);
+  font-weight: 700;
+  color: var(--color-text, #1f2937);
+}
+
+h1 { font-size: clamp(2rem, 1.2rem + 1.8vw, 2.5rem); }
+h2 { font-size: clamp(1.5rem, 1.1rem + 1.1vw, 2rem); }
+h3 { font-size: clamp(1.25rem, 1rem + 0.7vw, 1.5rem); }
+h4 { font-size: clamp(1.1rem, 0.95rem + 0.5vw, 1.25rem); }
+
+p {
+  margin: 0 0 var(--space-4, 1rem);
+  color: var(--color-text, #1f2937);
+}
+
+small { color: var(--color-muted, #6b7280); }
+strong { font-weight: 700; }
+
+/* Utilitaires de texte */
+.text-accent { color: var(--color-accent, #ff6b35); }
+.eyebrow {
+  display: inline-block;
+  text-transform: uppercase;
+  letter-spacing: .08em;
+  font-size: 0.75rem;
+  color: var(--color-muted, #6b7280);
+}
+
+/* Accent “dev” */
+.mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  letter-spacing: .02em;
+}
+
+.headline--code::before { content: "<"; color: var(--color-accent, #ff6b35); margin-right: 0.25rem; }
+.headline--code::after { content: " />"; color: var(--color-accent, #ff6b35); margin-left: 0.25rem; }
+
+/* Code inline et bloc */
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  background: var(--color-accent-50, #fff4ec);
+  border: 1px solid var(--color-accent-100, #ffe4d6);
+  color: var(--color-text, #1f2937);
+  border-radius: 6px;
+  padding: 0.1rem 0.35rem;
+}
+
+pre {
+  margin: 0;
+}