diff --git a/assets/styles/font.sass b/assets/styles/font.sass
new file mode 100644
index 0000000..f2feedf
--- /dev/null
+++ b/assets/styles/font.sass
@@ -0,0 +1,22 @@
+// Choix de font
+
+//
+// https://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html
+//
+
+// Polices à empattements (serif)
+$font-family-serif1: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif
+$font-family-serif2: Georgia, "DejaVu Serif", Norasi, serif
+
+// Polices sans empattements (sans-serif)
+$font-family-sans-serif1: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif
+$font-family-sans-serif2: "Trebuchet MS", Arial, Helvetica, sans-serif
+$font-family-sans-serif3: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif
+$font-family-sans-serif4: Tahoma, Geneva, Kalimati, sans-serif
+$font-family-sans-serif5: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif
+$font-family-sans-serif6: "Arial Black", sans-serif
+$font-family-sans-serif7: -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif
+
+// Polices à chasse fixe (monospace)
+$font-family-monospace1: "Courier New", Courier, "Liberation Mono", monospace
+$font-family-monospace2: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index e2970a7..60a619e 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -1 +1,3 @@
+@import "./variables"
 @import "./grid"
+@import "./font"
diff --git a/assets/styles/variables.sass b/assets/styles/variables.sass
new file mode 100644
index 0000000..e0144bb
--- /dev/null
+++ b/assets/styles/variables.sass
@@ -0,0 +1,7 @@
+// Responsive breakpoints
+$size-xs: 480px
+$size-sm: 600px
+$size-md: 840px
+$size-lg: 960px
+$size-xl: 1280px
+$size-xxl: 1440px