feat: initial sveltekit

web/src/app.css

@@ -0,0 +1,84 @@
+:root {
+	--bg: #f6f7f9;
+	--surface: #ffffff;
+	--text: #1b1e24;
+	--text-muted: #5c6470;
+	--accent: #2563eb;
+	--accent-hover: #1d4ed8;
+	--border: #dfe2e8;
+	--check-a: #eceff3;
+	--check-b: #ffffff;
+
+	--space-1: 0.25rem;
+	--space-2: 0.5rem;
+	--space-3: 1rem;
+	--space-4: 1.5rem;
+	--space-5: 2.5rem;
+
+	--radius-s: 6px;
+	--radius-m: 10px;
+
+	--font-sans:
+		system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+	--font-mono: ui-monospace, 'Cascadia Code', Consolas, monospace;
+}
+
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+* {
+	margin: 0;
+}
+
+html {
+	font-family: var(--font-sans);
+	color: var(--text);
+	background: var(--bg);
+	line-height: 1.55;
+	-webkit-text-size-adjust: 100%;
+}
+
+body {
+	min-height: 100dvh;
+}
+
+h1 {
+	font-size: 1.75rem;
+	line-height: 1.25;
+	letter-spacing: -0.01em;
+}
+
+h2 {
+	font-size: 1.25rem;
+	line-height: 1.3;
+}
+
+p,
+label {
+	font-size: 0.95rem;
+}
+
+a {
+	color: var(--accent);
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+button,
+input,
+select {
+	font: inherit;
+	color: inherit;
+}
+
+:focus-visible {
+	outline: 2px solid var(--accent);
+	outline-offset: 2px;
+	border-radius: var(--radius-s);
+}