initial version of streba 2

2026-07-22 09:24:18 +02:00
commit 196f30521c
31 changed files with 5056 additions and 0 deletions
@@ -0,0 +1,120 @@
+:root {
+	color-scheme: light;
+	--page: #f9f9f7;
+	--surface-1: #fcfcfb;
+	--text-primary: #0b0b0b;
+	--text-secondary: #52514e;
+	--text-muted: #898781;
+	--grid: #e1e0d9;
+	--baseline: #c3c2b7;
+	--border: rgba(11, 11, 11, 0.1);
+	--wash: rgba(11, 11, 11, 0.05);
+	--accent: #2a78d6;
+	--accent-strong: #1c5cab;
+	--accent-wash: rgba(42, 120, 214, 0.1);
+	--accent-track: #cde2fb;
+	--good: #0ca30c;
+	--good-text: #006300;
+	--critical: #d03b3b;
+}
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		color-scheme: dark;
+		--page: #0d0d0d;
+		--surface-1: #1a1a19;
+		--text-primary: #ffffff;
+		--text-secondary: #c3c2b7;
+		--text-muted: #898781;
+		--grid: #2c2c2a;
+		--baseline: #383835;
+		--border: rgba(255, 255, 255, 0.1);
+		--wash: rgba(255, 255, 255, 0.06);
+		--accent: #3987e5;
+		--accent-strong: #6da7ec;
+		--accent-wash: rgba(57, 135, 229, 0.16);
+		--accent-track: #184f95;
+		--good: #0ca30c;
+		--good-text: #0ca30c;
+	}
+}
+
+* {
+	box-sizing: border-box;
+}
+
+body {
+	margin: 0;
+	background: var(--page);
+	color: var(--text-primary);
+	font-family: 'Inter Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
+	font-size: 16px;
+	line-height: 1.5;
+	-webkit-font-smoothing: antialiased;
+}
+
+h1 {
+	font-size: 1.6rem;
+	font-weight: 700;
+	letter-spacing: -0.02em;
+	margin: 0 0 0.25rem;
+}
+
+h2 {
+	font-size: 1.05rem;
+	font-weight: 600;
+	letter-spacing: -0.01em;
+	margin: 2rem 0 0.75rem;
+}
+
+.page-sub {
+	color: var(--text-secondary);
+	font-size: 0.925rem;
+	margin: 0 0 1.5rem;
+}
+
+.card {
+	background: var(--surface-1);
+	border: 1px solid var(--border);
+	border-radius: 0.875rem;
+	overflow: hidden;
+}
+
+.btn {
+	display: inline-flex;
+	align-items: center;
+	gap: 0.4rem;
+	padding: 0.5rem 1rem;
+	border-radius: 0.55rem;
+	border: 1px solid transparent;
+	background: var(--accent);
+	color: #fff;
+	font: inherit;
+	font-size: 0.9rem;
+	font-weight: 600;
+	text-decoration: none;
+	cursor: pointer;
+	transition: filter 120ms;
+}
+.btn:hover {
+	filter: brightness(1.08);
+}
+.btn.ghost {
+	background: transparent;
+	color: var(--text-secondary);
+	border-color: var(--border);
+}
+.btn.ghost:hover {
+	background: var(--wash);
+	color: var(--text-primary);
+	filter: none;
+}
+.btn.danger {
+	background: transparent;
+	color: var(--critical);
+	border-color: var(--border);
+}
+.btn.danger:hover {
+	background: rgba(208, 59, 59, 0.08);
+	filter: none;
+}