From 1d6245e40cd69e18ad3bc2e82221e6433b825698 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Tue, 7 Jul 2026 00:35:40 +0200
Subject: [PATCH] style: add tactile and blueprint CSS styles

---
 src/layouts/Layout.astro | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f4e2beb..70fcb54 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -78,4 +78,26 @@ const { title, description = "Professionelles Webdesign & moderne Websites für
 	::-webkit-scrollbar-thumb:hover {
 		background: #333;
 	}
+
+	/* Tactile Craftsman UI CSS classes */
+	.tactile-grid-bg {
+		background-image: 
+			linear-gradient(to right, rgba(35, 45, 69, 0.2) 1px, transparent 1px),
+			linear-gradient(to bottom, rgba(35, 45, 69, 0.2) 1px, transparent 1px);
+		background-size: 40px 40px;
+	}
+	.tactile-noise {
+		position: relative;
+	}
+	.tactile-noise::before {
+		content: "";
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		opacity: 0.025;
+		pointer-events: none;
+		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
+		z-index: 1;
+	}
 </style>