feat: polish booking and confirmation UI

frontend/src/styles.css

@@ -1,12 +1,19 @@
 :root {
   --azionelab-bg: #f3eee6;
   --azionelab-surface: rgba(255, 255, 255, 0.78);
+  --azionelab-surface-strong: rgba(255, 255, 255, 0.92);
   --azionelab-ink: #1e1b18;
   --azionelab-muted: #645b53;
   --azionelab-accent: #9f2f28;
   --azionelab-accent-strong: #7f211c;
   --azionelab-border: rgba(30, 27, 24, 0.12);
   --azionelab-shadow: 0 18px 48px rgba(46, 28, 18, 0.12);
+  --azionelab-success-bg: #edf7ef;
+  --azionelab-success-ink: #1f5f2b;
+  --azionelab-success-border: rgba(46, 125, 50, 0.18);
+  --azionelab-error-bg: #fff3f1;
+  --azionelab-error-ink: #8b2a20;
+  --azionelab-error-border: rgba(179, 38, 30, 0.16);
 }
 
 * {
@@ -16,7 +23,7 @@
 html, body {
   margin: 0;
   min-height: 100%;
-  font-family: "Segoe UI", "Helvetica Neue", sans-serif;
+  font-family: "Manrope", "Segoe UI", sans-serif;
   color: var(--azionelab-ink);
   background:
     radial-gradient(circle at top right, rgba(159, 47, 40, 0.12), transparent 28%),
@@ -28,6 +35,19 @@ body {
   min-height: 100vh;
 }
 
+h1, h2, h3 {
+  font-family: "Fraunces", "Times New Roman", serif;
+  letter-spacing: -0.02em;
+}
+
 button, input, textarea {
   font: inherit;
 }
+
+.material-symbols-outlined {
+  font-variation-settings:
+    'FILL' 0,
+    'wght' 500,
+    'GRAD' 0,
+    'opsz' 24;
+}