FalahMobile
857e4c948a
Complete UI overhaul replacing dark gold theme with a clean mobile-first light theme: gradient emerald headers, white card components, light backgrounds, emerald/amber CTAs, and a new home dashboard with feature grid navigation. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
53 lines
993 B
CSS
53 lines
993 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--background: #f5f4f0;
|
|
--foreground: #111827;
|
|
--gold: #D4AF37;
|
|
--emerald: #059669;
|
|
--nav-height: 64px;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
color-scheme: light;
|
|
}
|
|
|
|
body {
|
|
height: 100%;
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
overscroll-behavior: none;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Prevent iOS zoom on input focus */
|
|
input, select, textarea {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.chat-scroll {
|
|
scroll-behavior: smooth;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
/* Hide scrollbar on category strips */
|
|
.scrollbar-none::-webkit-scrollbar { display: none; }
|
|
.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
|