/* ============================================================
   ListPilot — Global Styles
   Dark automotive showroom aesthetic
   ============================================================ */

/* CSS Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background: #08080C;
  color: #F5F0E8;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #08080C; }
::-webkit-scrollbar-thumb { background: rgba(212,168,83,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(212,168,83,0.5); }

/* Text selection */
::selection { background: rgba(212,168,83,0.25); color: #F5F0E8; }

/* Focus states */
:focus-visible { outline: 2px solid rgba(212,168,83,0.5); outline-offset: 3px; border-radius: 4px; }

/* Links */
a { color: inherit; text-decoration: none; }

/* Images */
img { display: block; max-width: 100%; }