diff --git a/packages/theme/package.json b/packages/theme/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..60e26613673b04479739971680fb2582d1fc4e41
--- /dev/null
+++ b/packages/theme/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "@pubsweet/theme",
+  "version": "0.1.0",
+  "description": "CSS for PubSweet apps and styleguides",
+  "main": "src",
+  "license": "MIT",
+  "dependencies": {
+    "cokourier-prime-sans": "git+https://gitlab.coko.foundation/julientaq/cokourier-sans-prime.git",
+    "typeface-fira-mono": "^0.0.43",
+    "typeface-fira-sans": "^0.0.43",
+    "typeface-fira-sans-condensed": "^0.0.43",
+    "typeface-vollkorn": "^0.0.43"
+  },
+  "dependencies_disabled": {
+    "pubsweet-fira": "^0.0.3"
+  }
+}
diff --git a/packages/theme/src/index.js b/packages/theme/src/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..ed8411374c5b4ac841be7ec2ed8447e2931850f9
--- /dev/null
+++ b/packages/theme/src/index.js
@@ -0,0 +1,8 @@
+import 'typeface-fira-mono'
+import 'typeface-fira-sans'
+import 'typeface-fira-sans-condensed'
+import 'typeface-vollkorn'
+// import 'pubsweet-fira'
+import 'cokourier-prime-sans'
+
+import './variables.css'
diff --git a/packages/theme/src/variables.css b/packages/theme/src/variables.css
new file mode 100644
index 0000000000000000000000000000000000000000..fb261f0b2492e96de17e642d20c9b8c4461f7e25
--- /dev/null
+++ b/packages/theme/src/variables.css
@@ -0,0 +1,16 @@
+:root {
+  /* brand colors */
+  --color-primary: #0d78f2;
+
+  /* colors for interactions */
+  --color-danger: #ff2d1a;
+  --color-warning: #ee7600;
+  --color-valid: #00bf05;
+  --color-pending: #aaa;
+
+  /* fonts for the different views */
+  --font-author: 'Vollkorn', serif;
+  --font-reviewer: 'Kocourier Prime Sans', monospace;
+  --font-interface: 'Fira Sans Condensed', sans-serif;
+  --font-mono: 'Fira Mono', monospace;
+}