2 files changed, 66 insertions, 0 deletions
diff --git a/styles/admin.css b/styles/admin.css
new file mode 100644
index 0000000..da2ebe9
--- /dev/null
+++ b/styles/admin.css
@@ -0,0 +1,17 @@
+/* Admin-specific styles */
+
+body.admin {
+  --color-bg: #f8f8f8;
+}
+
+.admin-nav {
+  max-width: var(--max-width);
+  margin: 0 auto 2rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid #ddd;
+  font-size: 0.9em;
+}
+
+.admin-nav a {
+  margin-right: 1rem;
+}
diff --git a/styles/main.css b/styles/main.css
new file mode 100644
index 0000000..d7a47f6
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,49 @@
+/* nebbet.no — shared styles */
+
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+:root {
+  --color-bg:   #ffffff;
+  --color-text: #1a1a1a;
+  --color-link: #0057b7;
+  --color-muted: #666666;
+  --font-body:  system-ui, sans-serif;
+  --font-mono:  ui-monospace, monospace;
+  --max-width:  72ch;
+}
+
+body {
+  margin: 0;
+  padding: 2rem 1rem;
+  background: var(--color-bg);
+  color: var(--color-text);
+  font-family: var(--font-body);
+  line-height: 1.6;
+}
+
+main {
+  max-width: var(--max-width);
+  margin: 0 auto;
+}
+
+a {
+  color: var(--color-link);
+}
+
+pre, code {
+  font-family: var(--font-mono);
+  font-size: 0.9em;
+}
+
+pre {
+  overflow-x: auto;
+  padding: 1rem;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+
+img {
+  max-width: 100%;
+}