From c7b02f02ad0a7e2888f2d7d3599719e59bbd1ee2 Mon Sep 17 00:00:00 2001
From: Nathan Reiner <nathan@nathanreiner.xyz>
Date: Thu, 13 Nov 2025 14:56:02 +0100
Subject: frontend: design prototype

---
 static/index.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 static/index.css

(limited to 'static/index.css')

diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..dea1dd7
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,53 @@
+:host, :root {
+	--primary: #726eff;
+	--fg-primary: #fff;
+	--fg: #212b38;
+	--fg-disabled: #37465b;
+	--bg-label: #dedee8;
+	--border-radius: 4px;
+	--card-background: #fff;
+	--page-background: #dfdfdf;
+	--shadow: #223223aa 1px 1px 4px;
+}
+
+html, body {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: "Noto Sans", sans-serif;
+	color: var(--fg);
+}
+
+button {
+	font-family: "Noto Sans", sans-serif;
+	background: var(--primary);
+	color: var(--fg-primary);
+	padding: 10px;
+	border: none;
+	border-radius: var(--border-radius);
+	font-weight: bold;
+	cursor: pointer;
+}
+
+input {
+	font-family: "Noto Sans", sans-serif;
+	color: var(--fg);
+	padding: 10px;
+	border: none;
+	outline: none;
+	background: var(--bg-label);
+	border-radius: var(--border-radius);
+}
+
+* {
+	box-sizing: border-box;
+}
+
+.icon svg {
+	width: 100%;
+	height: 100%;
+}
-- 
cgit v1.2.3-70-g09d2