Banner style is no longer a generated file, public page gets appearance as CSS variables. Fixes #13

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

assets/banner.css

@@ -1,28 +0,0 @@
-div.header_banner {
-    height:100px;
-    clip-path: inset(0 0 0 0);
-    /*bg-img*/
-    background-size:cover;
-    padding:30px;
-    color: white;
-}
-
-div.header_banner_text {
-    padding: 10px;
-}
-
-h1.header_banner {
-    font-size: x-large;
-    color: white;
-    text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
-}
-
-@media (min-width: 1200px) {
-    div.header_banner {
-        height: 200px;
-    }
-
-    h1.header_banner {
-        font-size: xxx-large;
-    }
-}

assets/css/public.css

@@ -0,0 +1,35 @@
+/*
+* Public booking page.
+*
+* Settings from the appearance table come as CSS variables in the style attribute
+* (Appearance::banner_style in src/backend/data.rs), so nothing here is generated.
+******************************************************************************/
+
+.public-banner {
+  height: 100px;
+  clip-path: inset(0 0 0 0);
+  background-image: var(--rz-banner-image, none);
+  background-size: cover;
+  padding: 30px;
+  color: white;
+}
+
+.public-banner-title {
+  font-size: x-large;
+  color: white;
+  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
+}
+
+.public-banner-text {
+  padding: 10px;
+}
+
+@media (min-width: 1200px) {
+  .public-banner {
+    height: 200px;
+  }
+
+  .public-banner-title {
+    font-size: xxx-large;
+  }
+}