2 files changed, 9 insertions, 1 deletions
diff --git a/public/css/variables/index.css b/public/css/variables/index.css
index 4494c47..a5c1a29 100644
--- a/public/css/variables/index.css
+++ b/public/css/variables/index.css
@@ -1,3 +1,4 @@
 @import 'colours.css';
 @import 'spacing.css';
-@import 'typography.css';
-\ No newline at end of file
+@import 'typography.css';
+@import 'layout.css';
+\ No newline at end of file
diff --git a/public/css/variables/layout.css b/public/css/variables/layout.css
new file mode 100644
index 0000000..904f5dc
--- /dev/null
+++ b/public/css/variables/layout.css
@@ -0,0 +1,7 @@
+:root {
+  --max-width-prose-content: 35rem;
+  --max-width-all-content: 56.6rem; /* golden ratio * prose content width */
+  
+  --breakpoint-sm: 640px;
+  --breakpoint-lg: 1280px;
+}
+\ No newline at end of file