/* ==============================================================
   NEOMARKET - CLEAN NEOBRUTALISM DESIGN SYSTEM
   HIGH CONTRAST | TACTILE SPRINGS | ZERO SLOP | ZERO EMOJI
   ============================================================== */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;800&family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap');

:root {
  --font-main: 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --bg-canvas: #FFFDF5;
  --bg-card: #FFFFFF;
  --border-color: #121212;
  --accent-yellow: #FFE600;
  --accent-pink: #FF66B2;
  --accent-cyan: #00F0FF;
  --accent-green: #00E676;
  --accent-red: #FF3366;
}

body {
  font-family: var(--font-main);
  background-color: var(--bg-canvas);
  color: #121212;
  -webkit-font-smoothing: antialiased;
}

.font-mono {
  font-family: var(--font-mono);
}

/* Hard Offset Brutalist Shadows */
.brutal-shadow {
  box-shadow: 4px 4px 0px #121212;
}

.brutal-shadow-sm {
  box-shadow: 2px 2px 0px #121212;
}

.brutal-shadow-lg {
  box-shadow: 6px 6px 0px #121212;
}

.brutal-shadow-xl {
  box-shadow: 8px 8px 0px #121212;
}

/* Tactile Button Press Physics */
.brutal-btn {
  border: 2px solid #121212;
  box-shadow: 3px 3px 0px #121212;
  transition: all 120ms cubic-bezier(0.16, 1, 0.3, 1);
}

.brutal-btn:hover {
  transform: translate(-1px, -1px);
  box-shadow: 5px 5px 0px #121212;
}

.brutal-btn:active {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0px #121212;
}

/* Card Hover Physics */
.brutal-card {
  border: 2px solid #121212;
  box-shadow: 4px 4px 0px #121212;
  transition: all 150ms ease;
}

.brutal-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0px #121212;
}

/* Continuous Marquee Animation */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: 200%;
  animation: marquee 25s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #FFFDF5;
  border-left: 1px solid #121212;
}

::-webkit-scrollbar-thumb {
  background: #121212;
  border: 1px solid #121212;
}

::-webkit-scrollbar-thumb:hover {
  background: #FFE600;
}