/* LuviHub Mobile-First CSS Overrides
  All primary layout is handled via Tailwind for speed and efficiency.
*/

:root {
    --brand-blue: #3b82f6;
    --brand-emerald: #10b981;
    --bg-deep: #020617;
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Touch-friendly Button Enhancements */
a, button {
    touch-action: manipulation;
}

/* Prevents background glows from causing horizontal scrolls on small devices */
section {
    position: relative;
    overflow: hidden;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Typography Fluidity */
h1 {
    letter-spacing: -0.05em;
}

/* Shadow Customization */
.shadow-blue-glow {
    box-shadow: 0 10px 40px -10px rgba(59, 130, 246, 0.4);
}