updates

custom/public/assets/css/oribi.css

@@ -1,19 +1,39 @@
 :root {
-    --custom-primary: #D04000; /* Approximate logo color */
+    --custom-primary: #D04000;
+    /* Approximate logo color */
     --custom-bg: #1a1a1a;
     --custom-text: #f0f0f0;
     --custom-card-bg: #2d2d2d;
 }
 
-/* Global modifications if needed, or specific to home */
-.page-content.home {
-    background-color: var(--custom-bg);
+/* Global modifications */
+body {
+    background-color: var(--custom-bg) !important;
+    color: var(--custom-text) !important;
+}
+
+.brand-text {
     color: var(--custom-text);
-    min-height: calc(100vh - 110px); /* Adjust for header/footer */
+    font-size: 1.25rem;
+}
+
+footer {
+    background-color: var(--custom-bg) !important;
+    border-top: 1px solid #333;
+    color: #888;
+}
+
+/* Specific to home */
+.page-content.home {
+    background-color: transparent;
+    /* Let body background show */
+    /* Remove min-height calculation as body is covered */
     display: flex;
     align-items: center;
     justify-content: center;
     background-image: radial-gradient(circle at top right, #2a1a10 0%, var(--custom-bg) 40%);
+    min-height: 80vh;
+    /* Minimum height for centering */
 }
 
 .home-container {
@@ -35,6 +55,7 @@
     margin-bottom: 0.5rem;
     background: linear-gradient(135deg, #fff, #ccc);
     -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
@@ -67,7 +88,7 @@
 
 .action-card:hover {
     transform: translateY(-5px);
-    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
     border-color: var(--custom-primary);
     color: var(--custom-text);
 }
@@ -81,4 +102,4 @@
 .action-card h3 {
     margin: 0;
     font-weight: 600;
-}
+}