From 9411eb9874ab0fd22eeadfc3ce5d03c28486f1a0 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 15 Jan 2026 10:07:56 +0700
Subject: [PATCH] Change body background to base-300 for better color hierarchy

---
 app/layouts/catalog.vue | 2 +-
 app/layouts/map.vue     | 2 +-
 app/layouts/topnav.vue  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/layouts/catalog.vue b/app/layouts/catalog.vue
index a157975..1fa096f 100644
--- a/app/layouts/catalog.vue
+++ b/app/layouts/catalog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen bg-base-200">
+  <div class="min-h-screen bg-base-300">
     <!-- Layer 1+2: MainNavigation + SubNavigation (slides up on scroll) -->
     <div
       class="fixed left-0 right-0 z-50"
diff --git a/app/layouts/map.vue b/app/layouts/map.vue
index 8349987..211b005 100644
--- a/app/layouts/map.vue
+++ b/app/layouts/map.vue
@@ -3,7 +3,7 @@
     <input id="main-drawer" type="checkbox" class="drawer-toggle" v-model="drawerOpen" />
 
     <!-- Main content area -->
-    <div class="drawer-content flex flex-col h-screen bg-base-200">
+    <div class="drawer-content flex flex-col h-screen bg-base-300">
       <!-- TopBar -->
       <TopBar
         :session-checked="sessionChecked"
diff --git a/app/layouts/topnav.vue b/app/layouts/topnav.vue
index dd59ea6..00ae7cb 100644
--- a/app/layouts/topnav.vue
+++ b/app/layouts/topnav.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen flex flex-col bg-base-200">
+  <div class="min-h-screen flex flex-col bg-base-300">
     <!-- Collapsed header bar (only on catalog pages when scrolled) -->
     <div
       v-if="showCollapsedBar"