From e3a36388cd7d20647afb95567bbe373c6654b131 Mon Sep 17 00:00:00 2001
From: Bendik Aagaard Lynghaug <bendik.lynghaug@gmail.com>
Date: Tue, 1 Sep 2026 20:23:29 +0200
Subject: [PATCH] =?UTF-8?q?Bygg-skin:=20konstruksjonspalett=20+=20omd?=
 =?UTF-8?q?=C3=B8p=20/review=20til=20/henvendelser?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Safety-amber på betong-grå med fareris under hero'en; review-desken
heter nå /henvendelser. Custom.css over standard portal-stilen.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y42TyF8Zu7NGRR2893vNcZ
---
 custom.css                                    | 65 +++++++++++++++++++
 .../{review => henvendelser}/_section.yaml    |  0
 questions/{review => henvendelser}/index.yaml |  2 +-
 site.yaml                                     |  1 +
 4 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 custom.css
 rename questions/{review => henvendelser}/_section.yaml (100%)
 rename questions/{review => henvendelser}/index.yaml (96%)

diff --git a/custom.css b/custom.css
new file mode 100644
index 0000000..0c15190
--- /dev/null
+++ b/custom.css
@@ -0,0 +1,65 @@
+/* Westra Engineering — a construction skin over the default portal
+   stylesheet (site.yaml `stylesheet`). Steel and safety-amber on a
+   concrete ground: the palette of a site hut, not a brochure. */
+
+:root {
+  /* Safety amber — the accent you see on a hoarding. */
+  --accent: #e8a317;
+  --accent-soft: rgba(232, 163, 23, 0.16);
+  /* Concrete paper, steel ink. */
+  --paper: #eceae6;
+  --ink: #1c1f24;
+  --ink-dim: #5c626b;
+  --line: #c7c4bd;
+  --card-bg: rgba(255, 255, 255, 0.6);
+  --card-bg-opaque: rgba(255, 255, 255, 0.92);
+  --card-shadow: rgba(28, 31, 36, 0.16);
+  --hero-glow: rgba(236, 234, 230, 0.85);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --paper: #16181c;
+    --ink: #e7e4dd;
+    --ink-dim: #999a9a;
+    --line: #33373d;
+    --card-bg: rgba(32, 35, 40, 0.55);
+    --card-bg-opaque: rgba(32, 35, 40, 0.92);
+    --hero-glow: rgba(22, 24, 28, 0.85);
+  }
+}
+
+/* A hazard-stripe rule under the hero wordmark — steel amber, the one
+   flourish. */
+.hero-copy h1 {
+  font-weight: 800;
+  letter-spacing: -0.01em;
+}
+.hero::after {
+  content: "";
+  display: block;
+  width: 100%;
+  max-width: 46rem;
+  height: 0.4rem;
+  margin-top: 0.4rem;
+  background: repeating-linear-gradient(
+    -45deg,
+    var(--accent) 0 0.8rem,
+    #1c1f24 0.8rem 1.6rem
+  );
+  border-radius: 0.2rem;
+  opacity: 0.85;
+}
+
+/* Feature icons carry the amber; a left steel edge grounds each card. */
+.feature-icon { color: var(--accent); }
+.alt-card {
+  border-left: 0.2rem solid var(--accent);
+}
+
+/* Primary button reads as painted steel. */
+.alt-submit {
+  border-radius: 0.4rem;
+  color: #1c1f24;
+  letter-spacing: 0.01em;
+}
diff --git a/questions/review/_section.yaml b/questions/henvendelser/_section.yaml
similarity index 100%
rename from questions/review/_section.yaml
rename to questions/henvendelser/_section.yaml
diff --git a/questions/review/index.yaml b/questions/henvendelser/index.yaml
similarity index 96%
rename from questions/review/index.yaml
rename to questions/henvendelser/index.yaml
index c8faf3a..2d8f89e 100644
--- a/questions/review/index.yaml
+++ b/questions/henvendelser/index.yaml
@@ -8,7 +8,7 @@ alternatives:
       Meldinger sendt gjennom «Ta kontakt». Marker som besvart når du
       har svart avsenderen — den blir liggende, men flyttes ut av
       køen.
-    action: /review
+    action: /henvendelser
     consequence: [Marker]
     features:
       - name: ""
diff --git a/site.yaml b/site.yaml
index eba1de9..604c9ec 100644
--- a/site.yaml
+++ b/site.yaml
@@ -2,3 +2,4 @@ title: Westra Engineering
 wordmark: https://prosjekt.klingenbergbygg.no/westra/questions/raw/branch/main/images/logo.png
 wordmark_height: 3
 lang: no
+stylesheet: custom.css