:root {
  --bg: #0c0c10;
  --bg-primary: #0c0c10;
  --bg-gradient: linear-gradient(180deg, #0c0c10 0%, #0a0a0e 50%, #080810 100%);
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-solid: #141418;
  --bg-input: rgba(255, 255, 255, 0.05);
  --bg-hover: rgba(255, 255, 255, 0.07);
  --glass-border: rgba(255, 255, 255, 0.06);
  --glass-blur: blur(12px);
  --accent: #3b7cc0;
  --accent-dark: #1e3a5f;
  --accent-glow: rgba(59, 124, 192, 0.15);
  --price-color: #d4b896;
  --mint: #3b7cc0;
  --mint-glow: rgba(59, 124, 192, 0.15);
  --yellow: #c4a84a;
  --yellow-glow: rgba(196, 168, 74, 0.15);
  --lavender: #D4B0FF;
  --lavender-glow: rgba(212, 176, 255, 0.12);
  --text-primary: #ece6dc;
  --text-secondary: #b1d1f3;
  --text-muted: #b1d1f3;
  --error: #c4725a;
  --success: #7a9a6e;
  --offer-green: #7a9a6e;
  --offer-yellow: #c4a84a;
  --alert: #c4725a;
  --border: rgba(59, 124, 192, 0.08);
  --border-solid: #1e2028;
  --radius: 8px;
  --radius-lg: 12px;
  --font: 'Outfit', sans-serif;
  --font-display: 'Space Grotesk', 'Outfit', sans-serif;
  --font-mono: 'DM Mono', monospace;
  --transition: 150ms ease;
  --gap: 10px;
}

.buyer-mode {
  --accent: #6B8DB2;
  --accent-glow: rgba(107, 141, 178, 0.15);
  --border: rgba(107, 141, 178, 0.08);
}